HTML Coding

29,542 questions in this forum

1. Верстка горизонтального меню

   Есть меню, но дело в том, что непонятно откуда берется довольно таки большой отступ. Верстаю не так давно, поэтому вполне мог и нахимичить. Прошу помощи body { margin: 0; padding: 0; width: 100%;}.menu { list-style: none;}.menu li { text-align: center; width: 14.28%; margin-left:0; margin-right: 0; padding:0 0; background: #E0EEEE; float: left; font-size: 32px; font-family: Calibri;}.menu a { text-decoration: none; color: #000; display: block;}.menu a:hover{ background: #C1CDCD; transition-property: background; transition-duration: 0.5s;}.main { display: block; width: 100%; overflow: hidden;}

   Asked by Smart_Bomber, December 15, 2013

   • Меню Верстка
   0 votes
   6 answers
2. Несколько ul в nav

   Вопрос: футере сайта, сложное меню в несколько строк и столбцов. Можно ли все обернуть тегом nav и туда поместить несколько ul и их расположить столбиками, или нет. Вроде в спецификации не написано, что нельзя, но я все равно мучаюсь выбором - то ли в один nav все ul, то ли несколько nav создавать. А вы бы как сделали?

   Asked by anastasia1981, December 15, 2013

   0 votes
   2 answers
3. вырезать иконку с закруглёнными углами

   подскажите пожалуйста по фотошопу когда нужно вырезать иконку(расположенную на фоне узоров), то я измеряю её размеры, в настройках инструмента MARKUP прописываю их, затем выделяю иконку инструментом MARKUP, инверсирую выделение, нажимаю DEL, ставлю направляющие и вырезаю инструментом CROP сейчас в макете иконки с закруглёнными углами. подскажите пожалуйста как можно аккуратно вырезать иконку с закруглёнными углами. подчищать угловые области инструментом ERASER не вариант

   Asked by cyklop77, December 15, 2013

   0 votes
   11 answers
4. Проблема в ie8+

   Сверстал шапку, во все браузерах все отлично. В ie6 тоже в принципе все нормально, правда не поддерживает минимальную ширину сайта, но бог с этим В ie7 все отлично в ie8 тоже все отлично а вот в ie9 проблема Не отображается ни одна картинка на сайта, ie9 вроде видит структуру картинок но не отображает, сайт резиновый, картинки позиционированием выровнял и floatom одновременно, почему во всех браузерах даже в ie6,7,8 показываются, а в ie 9 нет ? вот исходники http://jsfiddle.net/23bJa вот скриншоты: mozilla firefox: http://radikale.ru/data/upload/4efc3/69fda/ebcd054d3e.png opera: http://radikale.ru/data/upload/05615/69fda/3144fe2bd3.png ie6: http://radikale.ru/data/upload/…

   Asked by WEB-best, December 14, 2013

   0 votes
   2 answers
5. Еще раз про zoom

   При зуме (минус) пропадают outline 1px у Input полей (на фокусе). Есть способы как с этим бороться?

   Asked by Zverushka, December 14, 2013

   0 votes
   11 answers
6. Тег main

   <main> также безопасно использовать как и section? Все ли браузеры, которые понимали section поймут <main>?

   Asked by Zverushka, December 14, 2013

   0 votes
   7 answers
7. Правка стиля

   Помогите, пожалуйста, разобраться: не могу исправить цвет/размер текста: Перепробовала уже все стили, не выходит никак...сайт: http://apriori-chic.ru/

   Asked by Zeeeya, December 14, 2013

   0 votes
   4 answers
8. Проблемы с SASS

   Вчера начал читать небольшую книжку о SCSS, решил освоить препроцессоры. Уже половину книги прочитал, а все никак не могу настроить командную строку. ОС: Windows XP Что я сделал, шаг за шагом: 1) скачал ruby installer 1.9.3, установил его 2) прописал в командной строке gem install sass 3) sass установился. Но директория по умолчанию не та, которая мне нужна. 4) меняю директорию: cd /d D:\Dropbox\Верстка\Workshop 5) теперь я хочу, чтобы sass автоматически компилировал sass файл в css. Этот файл лежит по адресу: D:\Dropbox\Верстка\Workshop\Mold\style\scss\style.sass 6) Для этого пишу в командной строке: sass --watch Mold\style\scss\style.sass:Mold\style\style.css 7) Результ…

   Asked by Ludwig Voltman, December 14, 2013

   • sass
   • scss
   • препроцессоры
   • проблемы
   0 votes
   5 answers
9. slider overflow hidden position absolute

   Собственно, я думаю, многие встречались с такой проблемой, как вытаскивание блока с position: absolute; за блок с overflow:hidden; В моем случае, это внутри слайдер http://jsfiddle.net/npofopr/F22FQ/ Собственно при ховере на блок, должен всплывать доп. контент, из-за overflow: hidden; все режется. Как обойти? Нагуглить не получилось, вернее ничего не подошло (такое пробовал http://dabblet.com/gist/7729560 тоже), а как решить с помощью js, пока не нашел. В общем, может у кого есть в закладках, пути решения? Буду рад всему

   Asked by npofopr, December 14, 2013

   • overflow
   • hidden
   • position
   • absolute
   • slider
   0 votes
   8 answers
10. Помогите с html-css (table, width, div)

    Не могу найти причину, почему #r_side исчез, а #content вылез на всю страницу. jb-style.com.Но это произошло после добавления таблицы внизу

    Asked by sergeus48, December 13, 2013

    • width
    • table
    • div
    0 votes
    2 answers
11. тени по бокам сайта

    Здравствуйте! Подскажите решение. Нужно создать две тени по бокам сайта (его ширина 960). Есть фоновая картинка, узор. Сложность в том, что тени возле сайта прозрачные, а через 450px в сторону, постепенно становятся полностью непрозрачными и чёрными. А после 450px вместо фоновой картинки идёт один цвет. Они не должны создавать полосу прокрутки. Моё решение создавало 3 лишних div друг в друге и png полоску тени для заполнения, но мне сказали, что делается это проще, и не плодит таких структур: <body><div id="container1"> <div id="container2"> <div id="shadow_left"></div> <div id="shadow_right"></div> <div id="body_10…

    Asked by Andrei88, December 13, 2013

    • Тень
    • фон
    0 votes
    5 answers
12. Автоматическое масштабирование сайта на мобильных устройсвах

    Привет, ребят. В общем, есть один сайт и он не такой как все, а именно, все другие сайты при загрузке на телефоне автоматически уменьшаются под размер экрана, а этот наоборот, загружается сразу как будто уже приблизили, надо сделать так, чтобы он загружался уменьшенным как все сайты. Как это сделать?

    Asked by Игорь Ермаков, December 13, 2013

    0 votes
    16 answers
13. 2 фиксированных колонки и 1 резиновая по середине без использования position:absolute

    Добрый день. Возникла задача сверстать сайт с тремя блоками в шапке, центральный из которых резиновый и при этом они должны определенным образом опускаться друг под друга при уменьшении окна. Красным показано уменьшение окна поэтапно. Левый и правый блоки заданной ширины по 288px. Средний блок должен быть резиновым. Использовать можно только CSS и нельзя пользоваться абсолютным позиционированием. А теперь поэтапно: 1. Окновмещает в себя все блоки. Средний блок тянется по ширине. Высота у всех блоков тоже задана 113px. 2. Доходим до точки, когда средний блок достиг ширины в 228 пикселей и сейчас олжно произойти смещение одного блока. 3a. Центральный блок выпадает вниз и…

    Asked by Snitch, December 13, 2013

    0 votes
    2 answers
14. Сочетание фиксированных и резиновых блоков

    Добрый день. Возникла задачка, решение которой мне никак в голову не приходит. Точнее, я вижу решение с применением JS, но если можно сверстать без этого, то подскажите, как. На схеме ниже указано, что нужно сверстать. Фиксированная ширина контейнера, в нем в одну строку располагаются несколько inline-block элементов. В данном случае, два элемента имеют фиксированную ширину, а два других — должны подстраиваться в зависимости от контента внутри. Блок "2" содержит в себе контент разной ширины. По задумке, если контента в нем много, то блок "1" должен сужаться. Конечно, он не должен "схлопываться" (тут, я полагаю, достаточно выставить min-width), но главная проблема в…

    Asked by FRUTALITY, December 13, 2013

    0 votes
    7 answers
15. Помогите с CSS

    Здравствуйте! Скажите, пожалуйста, как поднять текст вверх! http://ned.ygastik.ru/content/1-komn53-m2

    Asked by 561144, December 13, 2013

    0 votes
    1 answer
16. Таймер обратного отсчета - доработать

    Есть скрипт, но внешне выглядит както простовато, сливаеться с текстом. После просмотра: Таймер обратного отсчета на странице. Часть 1 из 3 http://ruseller.com/lessons.php?rub=32&id=1135 Таймер обратного отсчета с помощью jQuery http://www.rudebox.org.ua/countdown-timer-with-jquery-rudebox/ JavaScript таймер обратного отсчета (MU Timer) http://frontcamp.com/2013/02/01/free-javascript-countdown-mu-timer-10/#.Uqm-Z-LlJ8E Хотелось бы переделать но сменьшим изменением скрипта, в основном CSS? Сейчас всё выглядет так:

    Asked by lev99, December 12, 2013

    • css
    0 votes
    5 answers
17. перемещение скролла в fancybox2

    никто не сталкивался с проблемой перемещения скролла экрана в верхнюю позицию при открытии модального окна через fancybox2 ? эта мистика происходит у меня после установки этого плагина с дефолтными настройками. посоветуйте пожалуйста как исправить пробовал отключать по очереди все скрипты, которые используются на странице. безрезультатно

    Asked by cyklop77, December 12, 2013

    0 votes
    4 answers
18. Проблема с СSS!

    В firefox http://ned.ygastik.ru/content/1-komn53-m2 текст заходит на карту!

    Asked by 561144, December 12, 2013

    0 votes
    1 answer
19. Правильная анимация блока неизвестной высоты на transition?

    http://jsfiddle.net/TdjcK/ Если два блока один в другом, оба динамической высоты в зависимости от контента. Можно ли сделать анимацию высоты блока на transition?

    Asked by Zverushka, December 12, 2013

    0 votes
    12 answers
20. Правильное использование тегов HTML5 в контенте

    Имеется вот такой простой макет С тегами в шапке и нафигации я разобрался, а вот с блоком контента не могу. Самое первое что я думаю надо сделать, это обернуть весь блок контента тегом <main>, это правильно? Сам контент может быть представлен в разном виде. Вот например на главной странице сайта каждый блок с картинкой надо обернуть в <section> и <article>? Или как то по другому? При нажатии ссылки "Подробнее" открывается вот это Опять же, верхняя часть в <section>, название фото в <header>, описание в <article>, "Название альбома, просмотров комментариев" в <footer>? После чего ещё 2 <section> для Добавления комментариев…

    Asked by RiG, December 12, 2013

    0 votes
    9 answers
21. CSS-sprite + ipad

    Доброго времени суток. Использовал CSS спрайт для сайта, по ТЗ, открыл на айпаде и ужаснулся(. Ничего конкретно хорошо не отображает с картинкой - по гуглил ничего не нашёл. В чем проблема?? clan-amp.ru/marat

    Asked by Wahlberg, December 12, 2013

    0 votes
    6 answers
22. Футер стал резиновым. Как переверстать такой макет.

    Здравствуйте! Изначально макет имел фиксированный по высоте футер. Вот так выглядит сверстанная страница: _http://www.salon-kristyle.ru/ Теперь оказалось, что текста нужно значительно больше. Макет изменили так: Вот теперь вся в сомнениях, как сверстать так, чтобы футер всегда был внизу и не имел фиксированную высоту. Или, может быть, есть какой-то другой способ, чтобы не размещать основной текст в футере.

    Asked by Светлана Г., December 12, 2013

    0 votes
    14 answers
23. "Выносной" элемент прямо в контенте

    К примеру в ководстве есть такая штука как "пометки на полях". Ремарки, которые размещены ровно на той же высоте с текстом, к которому они относятся. Видно, что сделано таблицей, но в ручную такой бедой управлять - вообще не вариант. Как бы сделать такое средствами CSS? К примеру, в потоке контента вставим ссылку с картинкой, или просто текст, не важно, с определенным классом, который будет вырван из потока и разместится рядом с ним на том же уровне по высоте? Пока то, что в голову пришло - релативный контейнер в нужном месте контента, в котором абсолютно спозиционированный "выносной" элемент. Минусы - опять же не просто управлять, т.к. нужна доп. разметка (контейне…

    Asked by d0ublezer0, December 12, 2013

    0 votes
    2 answers
24. Пиксельный перфекционизм

    Вопрос по большей части к гуру данного форума, людям опытным, за спиной которых десятки макетов и годы работы.. Значит верстаю я, верстаю.. и всё-то мне кажется, что недостаточно всё ровненько.. то там буковка вылезет, то здесь интервал между словами большой.. Следует ли обращать внимание на такие мелочи? Например на рисунке видно, что первая и последняя строки совпадают (полупрозрачная верстка наложена на картинку), а вот посередине какая-то белиберда.. Но ведь у меня для всех строчек одни и те же маргины и паддинги, значит изображение, полученное мной "правильнее", если так можно выразиться.. Или вот, например просто текст. первое и последнее слово совпадает, в серед…

    Asked by basist, December 12, 2013

    0 votes
    18 answers
25. Уменьшенные фото при просмотре в Opera

    Здравствуйте. Сделал интернет-магазин на joomshopping. Всё уже почти допилено-настроено, но тут выяснилось что в Opera фотографии товара на витрине очень-очень мелкие, как иконки. Причём не у всех. Т.е. вот Опера вроде бы одинаковая, но у меня и напарника фотографии мелкие, а у некоторых нормально отображаются. Кто-нибудь знает из-за чего такое может быть? Никакой блок рекламы и экономия траффика не стоит. Адрес сайта: elixir.org.ua Сайт на Joomla 2.5. У меня самого Firefox.

    Asked by Akkianu, December 11, 2013

    • опера изображения
    • маленькие
    0 votes
    4 answers