HTML Coding

29,542 questions in this forum

1. Меню на списках не проходит валидацию

   всем доброго времени суток. сделал меню на списках, все получилось, выглядит отлично, но валидатор ругается на вложенность тегов <ul>, подскажите в чем проблема? вот такой код у меня <div id="leftMenu"> <ul class="folder"> <li><a href="/gallery/painting">Живопись</a><span class="arrowmenu"></span></li> <ul class="subfolder"> <li><a href="/gallery/painting/1976-1985">1976 - 1985</a><span class="arrowmenu"></span></li> <li><a href="/gallery/painting/1986-1994">1986 - 1994</a><span class="arrowmenu">…

   Asked by D1mK4, May 17, 2011

   0 votes
   10 answers
2. Верстка двух фонов, не выходит

   Добрый день! У меня на blogger есть блог, куда я загрузил сторонний шаблон. Фон(background) в нем уже загружен - это шапка блога body { background: #ffffff url(http://1.bp.blogspot.com...D8/s1600/bg.jpg) top left repeat-x; margin: 0; padding: 0; font: 10pt verdana, arial, helvetica, sans-serif;} Хочется добавить второй фон, на всю страницу браузера, под вышеуказанную шапку, с тегом fixed. Сначала тупо пробовал ниже добавить url второго фона, он соответственно перекрывал первый. Почитав еще htmlbook, нашел z-index, но как ни варьировал с ним ничего не выходит, он только для блоков в шаблоне или подходит и для background? Может кто наставит на путь истинный, я так понимаю …

   Asked by sv9t, May 17, 2011

   0 votes
   10 answers
3. Лишнии отступы а списке li убрать

   Вот такая вот проблема, не знаю как избавится от кривоты в IE и Мозиле, сделать как в Опере ровно: /* Treeview */ #ex2 {margin: 0 12px 26px 30px;} #ex2 ul li a.first {font: bold 12px Tahoma; color: #000000;} .treeview, .treeview ul {padding: 0; margin: 0; list-style: none;} .treeview ul {background-color: none; margin-top: 4px;} .treeview .hitarea {background: url('./images/treeview-default.gif') -64px -25px no-repeat; width: 16px; height: 16px; margin: 1px 0 0 -16px; float: left; cursor: pointer;} /* fix for IE6 */ * html .hitarea {display: inline; float: none;} .treeview li {margin: 0; padding: 5px 0 5px 14px; display: block; } .treeview a {margin-left: 2px; font: no…

   Asked by okunev2, June 4, 2011

   0 votes
   10 answers
4. Как сделать контуры разделяющие сайтбар от текста

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

   Asked by JlEHb, June 22, 2011

   0 votes
   10 answers
5. Максимальный размер слова в абзаце

   Заметил, если в абзаце( ) слишком длинное (искусственно) слово, то из-за него контент вылазит из блока... overflow:hidden помогает, но на padding всё равно лезет... С чем это связано?? Каков максимальный размер слова в абзаце??

   Asked by DrStrangeLove, June 10, 2011

   0 votes
   10 answers
6. Свободное перемещение и таинственно исчезающий контент

   Есть такой HTML: <div class="wrapper"> <div class="a element"><p>A</p></div> <div class="b element"><p>B</p></div> <div class="c element"><p>C</p></div> </div> И такой CSS: .wrapper { overflow: hidden; background: #555; } .element { width: 150px; height: 100px; font-size: 30px; } .a { background: #c33; float: left; } .b { background: #fc5; color: #333; float: left; margin-left: 150px; } .c { background: #247; margin-left: 150px; } Вопрос: куда девается контент из блока "c" и почему? http://imageshack.us/photo/my-images/822/beforeti.png http://imageshack.us/photo/my…

   Asked by rookie, June 12, 2011

   0 votes
   10 answers
7. Проблема с меню в ИЕ6

   В ИЕ6 активная кнопка меню, которая по высоте должна быть выше обычной, почему то обрезается: Как это можно исправить? у меня никак не получается.. http://dinow.host22.com/Test/

   Asked by Dinow, June 22, 2011

   0 votes
   10 answers
8. Резиновый горизонтальый слайдер

   Здравствуйте форумчане, Сегодня столкнулся с небольшой проблемкой вот и решил попросить помощи у вас. Есть необходимость сделать горизонтальный слайдер с тремя видимыми ячейками остальные видны при нажатии на стрлочки вправо влево. js часть написана. Вопрос вот в чем не могу сделать так слайдер был резиновым. В данном случае он 900 пикселей а надо чтоб он подстраивался под экран. Реализация подставления нужной ширины через js не преветствуется. Прилагаю код: <a style="float:left;" onclick="prev()" href="#"><--</a> <div id="s" style="margin-bottom:10px; border:1px solid red; width:900px; float:left; display:block; height:200px; overflow: h…

   Asked by prospravka.ru, July 7, 2011

   0 votes
   10 answers
9. Помогите с вёрсткой

   Макет составил потренироваться. Нормально работает в Опере и ИЕ. В Хроме и ФФ не работает jquery. Точнее, работать то он работает, только якори не кликабельны. Я так подозреваю из-за css. Помогите, пожалуйста. Очень буду благодарен так же, за попутные комментарии по css. Или кроссбраузерности. Спасибо. Вот весь сайтец http://narod.ru/disk/17154159001/www.rar.html

   Asked by andys, June 26, 2011

   0 votes
   10 answers
10. Вылезающий текст с одного фона на другой

    Допустим, у меня есть div, в котором написан текст, у него в background картинка 1px, и она repeat-y. А ниже есть другой div, например, в 100px высотой, у него background - фиксированная картинка. Можно ли сделать так, чтобы при написании текстов в верхнем div, его фон динамически увеличивался, и часть текста высотой в 100px вылезала на фон нижнего div? Либо, можно ли установить у div'а два разных background'а? Фиксированный, прижатый к нижнему краю, а второй - динамический?

    Asked by Antwerpen, June 27, 2011

    0 votes
    10 answers
11. Помогите избавиться от горизонтальной прокрутки в FF

    Привет. Проблема с версткой, не могу понять откуда берется горизонтальная прокрутка в FF. В других браузерах все ок. Помогите, пожалуйста. Сайт Спасибо.

    Asked by krokodily, June 27, 2011

    0 votes
    10 answers
12. Почему в диве с определённой шириной широкие изображения автоматически не ужимаются?

    У меня есть див с шириной 500px. В нём есть широкое изображение, где-то 1000 px шириной. А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

    Asked by Serg55, June 29, 2011

    0 votes
    10 answers
13. position:absolute; - на всех мониторах одинакого?

    Всем привет. Подскажите пожалуйста : Задаю обЪекту стиль css position:absolute; top:200px; left:250px; У меня всё ровно на сайте , относительно других объектов. А на других мониторах всё будет правильно ??

    Asked by d4a1, June 30, 2011

    0 votes
    10 answers
14. Кнопка для открытия изображения в ajax-окне.

    Здравствуйте! Увеличенные изображения и их превьюшки используются сейчас достаточно широко, чтобы не быть не упомянутыми. Вид кнопки : <a href="картинка">Посмотреть</a> Нужно, чтобы при клике на ссылку картинка открывалась в ajax-окне. Заранее благодарю.

    Asked by Xelborg, July 1, 2011

    0 votes
    10 answers
15. Увеличение картинки при наведении

    Делаю чтоб картинка увеличивалась при наведении. Делаю так: <style type="text/css"> body{padding:10px 100px;} .zoom{ position:relative; cursor:pointer; left:0; top:0; } </style> <? if (!empty($picture)) {?> <script type="text/javascript"> $(function(){ $('.zoom').hover(function(){ $(this).stop().animate({width:"250px",left:"-25px",top:"-25px"}, 400); $(this).attr("src","<?=$picture?>"); }, function(){ $(this).stop().animate({width:"100px",left:"0",top:"0"}, 400); $(this).attr("src","<?=$picture?>"); }); }); </script> <a href="#"><img border="0" width="100px" class="zoom" src="<?=$picture?>"…

    Asked by Tchorteg, July 6, 2011

    0 votes
    10 answers
16. position:absolute vs float:right в IE8

    Начну со ссылки: r13.fssprus.ru Не обращайте внимания на дикую вёрстку и всеобъемлющую невалидность. Вопрос вот в чём: в ie8 всплывающее меню второго уровня находится позади нижележащих пунктов меню. z-index:1 я им всем ставил (для примера сейчас оставил один), не помогло. Что с ними ещё можно сделать? Я в волшебных свойствах IE вообще не ориентируюсь. Сайт скоро сменят вообще весь, но хочется, чтобы это время он поработал нормально.

    Asked by Int, July 7, 2011

    0 votes
    10 answers
17. Высота блока 100%

    Понимаю, тема уже до дыр заезженная, и гугл результатов по ней выдает порядком. Но что-то все рецепты либо не работают, либо работают не кроссбраузеро, либо рецепт немного в другом ключе, чем мне надо. Нужен див, с абсолютным позиционированием на 100% ширины и высоты экрана. Область дива должна распространяться и за пределы видимости экрана если контента очень много. Нужен для того, чтобы показывать gif'ку лоадинга, пока страница думает + так же блокировать все элементы управления на странице. Вот понадергал из разных рецептов. * { border:0; font-family: Tahoma, Arial, Verdana; font-size:12px; margin:0; outline:none; padding:0; } html, body { background:#FFFF…

    Asked by Микель, July 8, 2011

    0 votes
    10 answers
18. Макет под 800 по центру

    Нужно сверстать макет под 800px. Соответственно нужно расположить его по центру, дабы самые распространенные разрешения начинаются от 1024 в ширину. Каким образом это сделать?

    Asked by Rustick, July 8, 2011

    0 votes
    10 answers
19. Посоветуйте CMS для сайта

    Посоветуйте, пожалуйста, какой-нибудь хороший CMS на русском языке для сайта.

    Asked by anna-2011, July 11, 2011

    0 votes
    10 answers
20. Улучшение вида сайта без CSS. Возможно?

    Для нашей работы заказали мы простенький сайт.Шапка+Новости+Меню(4 вкладки). Никаких проблем: сайт создан, простой , на мой взгляд в меру симпатичный. Но в силу специфики работы (научно-производственная, постоянно изменяется)заполнять его решили сами. Рисунки, текст и прочая специфичная тематика. Пользуюсь CMS, доступ к которой был дан разрабами (Вроде клон TinyMCE). Пытаюсь разнообразить содержимое.Но <head> в редакторах html этой CMS закрыт от моего доступа. Подгружать файлы можно лишь -рисунки, видео, пдф и архивы. Css прописанное в теле не сохраняется, только лишь javascript и html. На просьбу разрешить загрузку других расширений разрабы обосновали, тем "чтоб…

    Asked by sas1555, July 13, 2011

    0 votes
    10 answers
21. игнорируется p:first-child

    p { margin: 0 0 0px; color:#FFF; text-align:justify; text-indent: 1em; } p:first-child { text-indent: 0; } не пойму в чем причина. перепробовал и записи вида .text p {....

    Asked by z-0091, July 15, 2011

    0 votes
    10 answers
22. Неверно откладывается padding

    Ссылка Смотрим на список внизу. Там стоит padding-top: 31px; для элементов списка начиная со второй строчки, а на самом деле там откладывается 40px. Почему так происходит? Причем попробовал туда ставить 0 и тогда отступы вообще исчезали, то есть это отступ именно этого паддинга.

    Asked by Rustick, July 16, 2011

    0 votes
    10 answers
23. Разчертить линию по координатам

    Здравствуйте. Очень нужно научится рисовать линию. Т.е. есть 2 точки первая по координатам x-13,y-48 а вторая x-56, y-136 т.е. мне надо чтобы линия или картинка в виде линии пошла из первой точки к второй. Подскажите пожалуйста как это можно организовать?

    Asked by dayser, July 17, 2011

    0 votes
    10 answers
24. Проблемы с текстом

    вот сразу покажу в чем проблема. http://jsfiddle.net/rLpbn/80/ там где написано "ЦЕНТР" с помощью margin опущено вниз на 100пк, но при этом весь блок опустился, когда точно так же на левом блоке выглядит нормально, в чем проблема и как опустить текст, не опуская при этом блок. Падинг не исполью так, как надо чтобы весь текстовый блок опускался, позицирование тоже т.к. при этом блок ЦЕНТР не растягивается. Ксати когда вводить блоку ЦЕНТР бордер все норм становится.

    Asked by Hoax, July 20, 2011

    0 votes
    10 answers
25. Сплошная линия от пункта меню

    Добрый день. Интересует такой вопрос. На картинке вертикальные линии и линии поверх текста - это изображения. Линии которые идут от самого пункта, то есть горизонтальные, идут до по всей ширине экрана. Вопрос: как такое реализовать? вот классы: #top-nav ul.menu li#current { background: url(../images/navigation.right.gif) no-repeat top right; } #top-nav ul.menu li#current a { background: url(../images/navigation.left.gif) no-repeat top left; padding: 0px 20px 0px 20px; color: #039655; font-weight: bold; -moz-outline-style: none; }

    Asked by sergeyvolk, July 30, 2011

    0 votes
    10 answers