Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Не получается сделать прозрачность в IE 8

    Добрый день! Помогите пожалуйста с версткой! В теме используется слайдер. Во всех браузерах ок, в ИЕ на месте где должна быть прозрачность белый прямоугольник. В режиме совместимости, все нормально работает, а так нет. Сайт _http://new-castour.mamakar.locum.ru/

    Asked by spokinoki,

    0 votes
    2 answers

  2. Изменение полосы прокрутки в CSS

    Здравствуйте! Никак не получается изменить цвет полосы прокрутки браузера. Атрибуты scroll* вообще не реагируют.

    Asked by Gambini,

    0 votes
    2 answers

  3. как убрать пробел в ie9

    http://jsfiddle.net/jSwVs/ от есть менюшка и у нее стрелочка в низу в ie9 не соединяется есть ли вариант это исправить. тут проблема еше в том что непроходимо это делать обязательно шрифтами так как пользователи могут менять цвет активной плашки.

    Asked by meded90,

    0 votes
    0 answers

  4. Курсор "рука" над флешкой

    Сгенерировал одной программой flash-файл (=> доступа к ее исходникам у меня нет) и поместил ее на свой сайт. Добиваюсь того, чтобы при наведении курсором над этим flash-файлом, курсор менялся на "руку". Пытался сделать средствами CSS (style="cursor: pointer;"), но не получилось. Помогите понять что к чему. Здесь находится флешка (под таблицей): Флешка с крутящимся вентилятором под таблицей

    Asked by IndigoHollow,

    0 votes
    2 answers

  5. Выезжает footer

    Всем привет, проблема следующая: http://jsfiddle.net/LaYXv/3/ Сайдбар вылезает из main. Вроде все "правильно", не могу понять почему выезжает. Заранее спасибо.

    Asked by uteelers5,

    0 votes
    1 answer

  6. z-index:-1 отключает все кнопки

    вопрос не актуален.. надо было просто вместо -2 1 -1 поставить z-index 0 1 2 и все стало ок )

    Asked by nikki4,

    0 votes
    0 answers

  7. Таблица с квадратными ячейками.

    Здравствуйте! Такой вопрос нужно сделать таблицу, которая занимает 100% доступной ширины. Она имеет 31 стобец и 7 строк. Нужно, чтобы ячейки всегда были квадратные. Я задаю фиксированные ширину и высоту для ячейки и это прокатывает, но если увеличивать контейнер в котором раположена таблица, ячейки становятся прямоугольные, а должны всегда сохранять форму квадрата. Может кто-нибудь подскажет, как решить этот вопрос? Спасибо!

    Asked by 9EVIL,

    0 votes
    6 answers

  8. body на до конца страницы

    Посмотреть можно здесь http://rugby22.ru/news/ Не могу понять почему body не до конца страницы, с чем это может быть связано?

    Asked by andreyjvasilev,

    0 votes
    10 answers

  9. Динамическое меню на css

    Присылайте примеры динамических менюшек на css без использования javascript и аякса

    Asked by dae141083,

    0 votes
    1 answer

  10. Квадратный див с относительными размерами

    Здравствуйте, передо мной стоит задача средствами CSS3 нарисовать круг, который бы изменялся в размерах в зависимости от изменения размера окна. Понятно, что в такой конструкции <body> <div id="wr"> <div id="circle1"> </div> </div> Модераторы, удалите тему, будьте добры, случайно отправилось

    Asked by Smirnov M.,

    0 votes
    0 answers

  11. Верстка ползунков калькулятора

    Добрый день! Захотелось поиграться с ползунками, но никак не могу разобраться со стилями.. Интересует, чтобы когда ползунок отводился в сторону - это пространство заполнялось каким-нибуть цветом. Допустим оранжевым. Может кто-нить делал такие вещи? ПОдскажите пожалуйста: http://myav4ik.org.ua/calc/calc.html И как можно красиво оформить select_ы?

    Asked by myav4ik,

    0 votes
    2 answers

  12. На отображение абсолютно позиционируемого элемента влияет его родитель

    Столкнулся с такой особенностью, что если взять элемент и абсолютно его спозиционировать с помощью position:absolute;, то отображение этого элемента будет зависеть от того, каким является его родитель. Так если есть два элемента <div class="outside"> <div class="inside">text</div> </div> и внутреннему назначить position:absolute;, то если внешний элемент будет иметь свойство display:block;, то его отображение будет таким. Если же внешнему элементу назначить свойство display:inline; или display:inline-block;, то его отображение будет другим. Внутренний элемент с классом "inside" может, кстати, иметь любой display, но это не повлияет на всю картин…

    Asked by clavin,

    0 votes
    3 answers

  13. помогите разобраться с таблицей

    Есть таблица. Нужно сделать так, чтобы ячейки, имеющие ссылки, были сами ссылками. Юзал поиск, ничего толкового для прешения этой проблемы не нашел. Если задать ссылке высоту и ширину ячейки получается совсем не то, что нужно. И как сделать такую рамку вокруг шапки таблицы как на изображении. Спасибо за помощь. Код: <table class="calendar"> <thead> <tr> <th colspan="7">Календарь на Июль 2011</th> </tr> <tr> <td>пн</td> <td>вт</td> <td>ср</td> <td>чт</td> <td>пт</td> …

    Asked by 9EVIL,

    0 votes
    0 answers

  14. Заполнить текстом блоки

    Помогите найти путь решения. Есть большой кусок сплошного текста, его необходимо разбить на три блока, высота блоков должна быть постоянной. Текст без разметок, вариант с разметками в тексте не подходит, так как надо будет использовать разные тексты разной длины и шрифтов, но при этом блоки должны основаться постоянной высоты и ширины. Пример как должно быть на рисунке. http://itmages.ru/image/view/497848/13a20ec1 Я мало что понимаю в SCC, натолкните в каком направлении рыть или может есть готовое решение? Спасибо.

    Asked by Novozar,

    0 votes
    7 answers

  15. Как вставить два изображения в один элемент

    Есть горизонтальное меню в виде вкладок. В стилях прописано фоновое изображение. Нужно еще в угол вставить маленькую иконку вопроса. Как это можно сделать не удаляя фон? Если вставлять второй background то фоновое изображение естественно исчезает и появляется иконка. Пробовал этот вариант Но что то у меня не выходит. Вложенность у меня такая <ul> <li><span><a><span>Аукционы</span></a></span></li> </ul>

    Asked by Modestes,

    0 votes
    1 answer

  16. Меню

    Приветствую, возникла проблема с версткой меню, прошу помощи у тру верстальщиков Такая вот менюшка http://s019.radikal.ru/i613/1204/72/dc4de4d15511.png Как правильно её сверстать?

    Asked by Ergonav,

    0 votes
    5 answers

  17. Просмотр картинок в шаблоне

    Доброго времени суток всем! Сразу скажу, я не спец в веб-программировании, поэтому решил скачать шаблон для своего сайта, и столкнулся со следующей проблемой: не пойму как смотреть картинки, т.е. картинки портфолио своего, вроде нашел папку куда нужно заливать свои работы(папка portfolio), вроде переименовал их как нужно (work_01, work_02, ...), вроде появились эти картинки как маленькие превьюшки, но когда нажимаю на них, они не становятся больше (на весь экран). Вот сам архив шаблона что скачал http://ifolder.ru/30155564 . Помогите, кому не трудно разобратся как просматривать картинки в этом шаблоне=(! Заранее всем спасибо, кто откликнется на мою проблемку!!!

    Asked by nuon,

    0 votes
    0 answers

  18. проблема с валидацией

    У меня при прохождении валидации постоянно одна и та же ошибка,повторяющаяся десятки раз в одном документе- Ошибка: end tag for element "P" which is not open. Если исправить везде эту ошибку,то документы пройдут валидацию,как её исправить?Спасибо за помощь))

    Asked by eleonore,

    0 votes
    2 answers

  19. Тег <pre> растягивает таблицу

    Хочу вывести заранее отформатированный текст на страницу. Если применить тег <pre> выводится текст нормально, но без переносов. В результате чего, таблица с этим текстом растягивается по длине текста. Применяю css 'word-wrap: break-word' - переносы учитываются, текст выстраивается как надо, но таблица остается растянутой. Замечено это дело в ie7 и только в таблицах. Если текст выводить просто на страницу (не в таблице) - все нормально. Как исправить не знаю. Может кто сталкивался с этим?

    Asked by MCStan,

    0 votes
    1 answer

  20. Как включить один стиль в другой?

    Здравствуйте. Можно ли включать один стиль в другой кодом наподобии этого: a{ some styles... } b{ some styles... include_style a; } ?

    Asked by borus,

    0 votes
    1 answer

  21. Интерактивная карта метро

    Привет! Для сайта по недвижимости, необходимо сделать выбор района (метро) по карте метрополитена. Откуда можно скачать этот ява-плагин или скрипт? А то делать руками очень долго и лень Спасибо! Пример - как тут: http://www.cian.ru/search.php?flats=yes&obl_id=1 P.S. Сайт не на CMS, поэтому ихние плагины не подойдут, видимо.

    Asked by Coder_D,

    0 votes
    4 answers

  22. Не изменяются submit'ы из css

    Не могу понять в чем проблема, есть css .forms input[type="text"], .forms input[type="password"]{ height: 24px; font-size: 14px; width: 400px; border: 1px solid #cccccc; } .forms input[type="submit"]{ margin-top: 20px; display: block; width: 120px; height: 50px; font-size: 14px; } и html <form class="forms" action="" method="POST"> <input type="text" name="email" id="id_email" /> <input type="submit" value="Зарегистрировать" /> </form> текстовые инпуты нормально кастомизируются, а вот у сабмита не получается задать ни высоту ни шрифт, только ширина работает

    Asked by willfill,

    0 votes
    8 answers

  23. проблемы с вертикальным выравниванием

    У меня возникли проблемы vertical-align:middle. есть меню, внутри li фиксированной высоты лежит ссылка, которую нужно выровнить по вертикали. http://jsfiddle.net/mC3j2/ Я почитала статьи vertical-align работает на инлайновые блоки, поэтому в моем случае должен работать, так как ссылка инлайновая, но почему то не работает. В данном случае нельзя использовать padding, потому что в одном пункте может быть ссылка умещается в одну строку, а в другом в 2 строки.

    Asked by chiffenok,

    0 votes
    5 answers

  24. Свойство font и порядок свойств

    Начинаю вникать в процесс вёрстки. Возник вопрос про свойство font. В каком случае его можно использовать в качестве сокращённой записи нескольких свойств шрифта, а в каком нельзя? Хотел сократить запись, заменил в css-файле font-size: 1.25em; font-family: Arial; на font: 1.25em Arial; Оказалось, что это далеко не одно и то же. http://jsfiddle.net/Fmzxg/6/ Получается, все значения свойства font, если не указать их явно, сбрасываются к неким дефолтным значениям? Где можно посмотреть эти дефолтные значения? В справочнике неплохо было бы описать этот нюанс... Также из приведённого примера видно, что обязательно line-height нужно записывать только после font, чтобы это свой…

    Asked by LonerD,

    0 votes
    3 answers

  25. Input не работает по краям

    Не работает кнопка если нажать по бокам. Если по тексту то работает Вот скрин. На скрине видно что есть отступы в 20px, из-за них как раз таки и не работает вот код <div><a class="post" href="#"><input type="submit" name="new_answer_btn" id="new_answer_btn" value="Отправить"/><em></em></a></div> и стили .new-answer .post, .new-private-answer .post { position: relative; display: inline-block; margin-top: 20px; padding: 0 20px; height: 27px; background: url(/design/main/images/btnbg.png) -12px 0 no-repeat; color: #fff; text-decoration: none; line-height: 26px; font-weight: bold; font-size: 1.167em; } .new-…

    Asked by Modestes,

    0 votes
    6 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept