HTML Coding

29,542 questions in this forum

1. увеличить высоту родительского блока

   помогите пожалуйста понять почему при уменьшении ширины окна пункты меню не отталкивают нижний блок(в котором картинка) и как следствие не увеличивают высоту своего блока(чёрного). страничка

   Asked by cyklop77, September 7, 2011

   0 votes
   1 answer
2. Не отображается футер в FF 3.6

   На сайте есть блок bottom который не отображается в лисе 3.6, причину такого бага не понял. С остальными браузерами проблем нету, смотрел. У кого есть возможность могли бы глянуть и подсказать в чём может быть проблема.

   Asked by SkyTrace, September 7, 2011

   0 votes
   6 answers
3. появление картинок при определенном разрешении экрана

   Здравствуйте, подскажите как решить такую вот задачу если у пользователя разрешение экрана допусти 1700 и выше что бы по краям появлялись картинки?

   Asked by Rubik, September 7, 2011

   0 votes
   1 answer
4. Как сделать несколько LI

   Мне надо сделать LI меню и просто LI списки, что с реализацией?

   Asked by epog333, September 7, 2011

   0 votes
   8 answers
5. Выравнивание по центру

   Добрый день! Кто-нибудь знает, как выровнять по центру блок, у которого стоит свойство float:left и который расположен в блоке с фиксированной шириной: вот разметка: <div style="border:1px solid red; width:200px;"> <div style="border:1px solid green; float:left">123</div> <div style="clear:both"></div> </div> Или это вообще невозможно? text-align:center у родительского блока не катит

   Asked by iron_maiden, September 7, 2011

   0 votes
   5 answers
6. Фоматирование текста для разных разрешений

   Собственно всё понятно из картинки... Что-то затупил - никак не могу придумать решение. Хотелось бы на чистом css.

   Asked by Nanto, September 7, 2011

   0 votes
   2 answers
7. Нужен шаблон!

   Всем доброго времени суток! В общем мне нужна ваша помощь. Пожалуйста помогите найти мне шаблон/дизайн что то типа этого: Не реклама! В общем нужен слайдер на основе html/css с выбором. Типа как на этом сайте! P.S. Вот клевый сайт, но не слайдер к сожалению.

   Asked by ice72, September 7, 2011

   0 votes
   6 answers
8. Правильная раскладка блоков для оптимизации

   В интернетах прочитал, что для лучшей оптимизации сайта его лучше верстать так, что бы блок с контентом шел первым (соответственно при отключенных стилях контент тоже будет идти первым, что есть хорошо). Допустим надо сделать такой простой макет: Обычно в интернетах для такого макета пишут что-то вроде этого: <div class="container"> <div class="header"></div> <div class="content-wrapper"> <div="sidebar"></div> <div="content"></div> </div> <div class="footer"></div> </div> Как видно блок content находится далеко не в начале. Вывести его вперед в блоке content-wrapper …

   Asked by bob_24, September 7, 2011

   0 votes
   3 answers
9. IE8 и border-radius

   Проблема заключается в том, что все бразуеры кроме IE8 и ниже понимают border-radius и работают с ним на ура. Но как заставить понимать IE8 понимать и соответственно отображать закруглённые углы(border-radius)?

   Asked by BoDun, September 7, 2011

   0 votes
   18 answers
10. Div не фиксируется в IE

    Есть панелька, приклеенная к низу браузера. Во всех браузерах, кроме IE работает нормально. В ИЕ "едет" при скроллинге. Как исправить? http://www.minki.ru/mininotebooks.php?ddd=2

    Asked by enio, September 6, 2011

    0 votes
    4 answers
11. Не влазит...

    Скрин1 Как видите Картинки не Лезут в окошко, вставляю правильно, перед </div>, может это из за того, что трём колонкам float: left прописан? Как бороться?

    Asked by epog333, September 6, 2011

    0 votes
    7 answers
12. Форма регистрации

    Написал я код формы регистрации.. а вот как теперь сделать чтобы она работала? Есть какой то код для хеад?

    Asked by Didorri, September 6, 2011

    0 votes
    4 answers
13. Проблема с версткой меню

    Доброго дня всем! Нужно сверстать меню со следующей структурой: В общем, трехуровневое меню. Во вложении для наглядности картинки. Вопрос: реально ли сверстать такое меню под Джумлу и если да - то как ? Сложность в том, что высота блока меню фиксированная, и заказчик требует именно такое меню! То есть первый

    Asked by DmitriyDonetsk, September 6, 2011

    0 votes
    15 answers
14. clear both

    Есть сайт: cbs-kurgan.com, сверстан на блоках. При вставке блока <div style="clear:both;"></div> Текст в центральном блоке опускается до уровня последнего символа в правой колонке. Подскажите, что поправить в стилях. Мне кажется это распространенная ошибка..

    Asked by muzhik, September 6, 2011

    0 votes
    6 answers
15. Как вычислять отступы от символов

    Никогда не задумывался об отступах между элементами серьезно (потому что не верстальщик). Ну, конечно, margin от padding отличал, но вот недавно столкнулся с тем, что необходимо было перевести шаблон из PSD html\css с точностью до пикселя. "Раньше я делал как:" (с) Федор Лошадкин) - открываешь шаблон в фотошопе и выделяешь, к примеру, от верхней границы начертания символа (глифа) до нижней границы верхнего блока (каламбур, но см. рис.). На рисунке это зеленая линия (вроде по-умному это называется верхняя линия шрифта). Затем смотришь высоту выделения и вбиваешь ее в отступ. Браузеры же думают иначе (и логичнее), и любой текст обрамляется рамкой, откуда они и начинают высч…

    Asked by userlogoff, September 6, 2011

    0 votes
    13 answers
16. Неправильные размеры <div> в chrome

    В FF и IE нормально отображает Спасибо помогло

    Asked by Seretyr, September 5, 2011

    0 votes
    1 answer
17. Проблема с валидацией в <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht

    Всем привет вот столкнулся с проблемой хочу поставить на сайт фото галерею,но дело в том что она не проходит валидность и выдаёт ошибку на закрывающем теге. Подскажите как исправить такую ошибку? Вот часть кода с ошибкой: <div class="imageElement"> <!-- Название--> <h3>Картинка 2</h3> <!--Описание--> <p>Описание 2</p> <!-- Ссылка на большое изображение--> <a href="gallery/gallery_index/images/big2.jpg" title="open image" class="open" target="_blank"></a> <!-- Ссылка на среднее изображение--> <img src="gallery/gallery_index/images/middle2.jpg" class="full" /> <!-- Ссылка на миниатюру--> <img …

    Asked by vadimcucherencko, September 5, 2011

    0 votes
    5 answers
18. Позиционирование div при слоев: z-index

    Доброго времени суток! Возникла следующая ситуация: Необходимо расположить несколько div, которые в свою очередь, в процессе работы будут изменять свой размер в зависимости от контента в одну линию, на слою выше, чем подложка. Приведу пример: <div class="id_1" style="position:relative; z-index:1; height:20px; width:400px;"></div> <div class="id_2" style="position:relative; z-index:2; margin-top:-20px; height:20px; width:100px;"> <div class="id_2_1" style="float:left;height:20px; width:20px; margin-left:5px;"></div> <div class="id_2_2" style="float:left;height:20px; width:20px; margin-left:5px;"></div> <div class="id_2_3" s…

    Asked by MaxXxaM, September 5, 2011

    0 votes
    8 answers
19. float: left в резиновом div в ie6

    Как в IE6 сделать так, что бы внешний div по высоте был резиновый, если внутри которого div с float left ? Вот пример: http://local-schillerfan.vws.com.ua/tools/makeup/field_blocks_lite.html Dj всех браузерах отлично работает, кроме ie6

    Asked by VIRUS, September 5, 2011

    0 votes
    0 answers
20. Резиновый правый sidebar в Safari и Chrome

    Здравствуйте, не получается кроссбраузерно сделать резиновый правый sidebar в Chrome и Safari. Проблема в том, что если ставлю для правого sidebar: margin-left: 250px; (ширина левого 250px; float: left;) то правый тянеться не до конца. Когда использую хак для IE6 и только в нем для правого sidebar ставлю margin-left: 250px, то все ок. Но хочется без хака. Вот пример бага: http://local-schillerfan.vws.com.ua/tools/makeup/makeup.html Цель, без хаков сделать кроссбраузерно валидно резиновый правый sidebar до конца экрана. Мучаюсь уже второй день.

    Asked by VIRUS, September 5, 2011

    0 votes
    0 answers
21. Верстка div'ами

    Добрый день, Прочитал самоучитель по HTML данного сайта, но не нашел информации по верстке div'ами. Если я не ошибаюсь, то сейчас только ее и используют. Посвятите по данному вопросу / скиньте инфу плс

    Asked by fedotxxl, September 5, 2011

    0 votes
    2 answers
22. Применение <area ... nohref>

    Вот код: <td> <img src="circle_example.png" usemap="#circle_example"> <map name="circle_example"> <area shape="circle" coords="150,150,50" nohref title="Неактивная область"> <area shape="circle" coords="150,150,100" title="Нажмите" href="http://www.google.ru" target="_blank"> </map> </td> Проблема в том, что не работает верхняя фигура с nohref. Функционирует нижний большой круг. Ситуация не меняется при смене порядка фигур. Спасибо!

    Asked by Тишина, September 5, 2011

    0 votes
    5 answers
23. выделение изображением при наведении

    Здравствуйте! Ребятушки такая вот дума! CODE <div class="class"> <div class="class2"> <a href="#"><img src= "images.png"></a> </div> </div> — CSS .class { height: 146px; width: 147px; margin: 5px; } .class2 { height: 146px; width: 147px; } .class2 :hover { background-image: url(select.png); height: 146px; width: 147px; } — Надо что бы изображение "выделитель" при наведение было с верху основного изображения, как сделать подскажите, если не трудно!

    Asked by Roomas, September 5, 2011

    0 votes
    9 answers
24. Проблема с @font-face

    Пытаюсь подключить нестандартный шрифт через @font-face. Если html, css файлы и шрифты лежат в одной папке, то отображается все везде как надо. Если файл со стилями и шрифты раскладываю по разным папкам (пути естественно тоже меняю), то Мазила всех версий перестает видеть этот шрифт. В чем может быть проблема? Или что я делаю не правильно? <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="../Css/test.css"> </head> <body> <h3>Etiam porta sem malesuada magna mollis euismod</h3> <p>Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vesti…

    Asked by Dinow, September 5, 2011

    0 votes
    6 answers
25. Нетривиальная задача

    Добрый день! Хочу услышать мнение грамотных людей по поводу верстки одного из тестовых макетов. Общие требования в верстке 1. Корректное отображение в браузерах: Internet Explorer 6 и выше, Firefox 3.5.* и выше, Google Chrome, Safari 5 и выше 2. Минимальное количество элементов в html разметке, минимальное количество стилей CSS, минимальное количество изображений для оформления (если вы используете изображения при реализации задачи), минимальное кол-во JavaScript'а (если вы используете JavaScript для реализации задачи, использование при этом JavaScript framework'ов /prototype, jQuery, и т.д./ приветствуется), использование тегов таблиц не желательно Комментарии к макету …

    Asked by IIAIIIA, September 5, 2011

    0 votes
    24 answers