HTML Coding

29,542 questions in this forum

1. IE6 абсолютный блок на всю ширину родительского

   Доброго дня. Помогите с проблемой, бьюсь уже который час. Она заключается в том что в IE6 абсолютный блок ни как не хочет растягиваться на всю ширину родительского блока с position: relative, а растягивается на ширину окна браузера при width: 100%; или без width на ширину контента. В остальных браузерах всё отлично. .rel { position: relative; float: left; } .abs { position: absolute; width: 100%; } <div class="rel"><p>Текст Текст Текст</p> <p class="abs">Текст</p> </div> Спасибо.

   Asked by bilbas, July 23, 2011

   0 votes
   3 answers
2. Наследование свойств border

   <style> div { border: 1px solid; } div.pt { border: dotted green; } </style> <div>1 1 1 1</div> <div class="pt">2 2 2 2</div> Почему 1) <div class="pt"> выводит рамку аж трёхпиксельными точками, а не наследует из селектора для div? 2) Если убрать dotted в div.pt { border: dotted green; }, то рамка у второго div-а пропадает? В http://htmlbook.ru/css/border написано border: [border-width || border-style || border-color], т.е. все атрибуты указывать не надо.

   Asked by staff-base, July 23, 2011

   0 votes
   2 answers
3. как задать [b]height[/b], чтоб при разной высоте содержимого высота блоков была одинаковой?

   Здравствуйте, уважаемые форумчане! Подскажите, плиз, как задать height, чтоб при разной высоте содержимого высота блоков была одинаковой? сейчас код такой: #left { float: left; width: 169px; background: url(../images/fon_01.jpg) repeat-y; height: 100%; padding-left: 30px; } #content { margin-left: 169px; float: none; width:853px; height: 100%; background: url(../images/fon_02.jpg) repeat-y; height: 100%; padding:5px; text-align:left;

   Asked by Zeeeya, July 23, 2011

   0 votes
   11 answers
4. Оформление текста

   Текст в шапке сайта выглядит так http://mystylish.ru но должен выглядеть так http://mystylish.ru/category/k-prazdniku (тут это просто картинка) Вроде изначально все было хорошо и h1 и h2 были нужного цвета и размера, не могу понять, почему текст стал черным и обычного размера. .logo { float:left; } .logo img { margin:15px 0px 0px 15px; display:block; } .logo h1 { margin:15px 0px 0px 15px; font-family:Georgia,serif; font-size:36px; font-weight:bold; line-height:30px; letter-spacing:0px; } .logo h1 { color:#326693; display:block; } .logo a:hover { color:#333; text-decoration:none; } .logo .desc { display:block; font-family:Arial,serif; font-size:11px; font-weight:normal;…

   Asked by fowl, July 23, 2011

   0 votes
   0 answers
5. Проблема с менюшкой

   Ссылка Хочу сделать, чтобы при клике менюшка раскрывалась. У меня при нажатии она раскрывается и быстро закрывается, почему так? что делать?

   Asked by Rustick, July 23, 2011

   0 votes
   6 answers
6. Пытаюсь понять семантику HTML5

   Всем привет, пытаясь понять теги семантической разметки HTML5 я сделал макет-статью, в которой попытался субъективно проанализировать спецификацию W3C. Мне интересно ваше мнение насчет моей трактовки. И как вы понимаете этот вопрос. Демо-страница находится здесь Целиком текст на форум не влазит, вот фрагмент: В этом макете-статье я пытаюсь разобраться с применением новых тегов разметки в HTML5. Все это исключительно мои субъективные выводы. Принимать ли вам на веру это, или перепрверить – решайте сами... Здесь я не буду рассказывать о новом функционале, сосредоточусь только на тегах семантических элементов типа: article, aside, canvas, details, figcaption, figure, footer…

   Asked by alexpop, July 23, 2011

   0 votes
   11 answers
7. Выравнивание в блоке

   есть родитель блок: .content-internal {position: relative; margin: 0 auto; width: 775px; vertical-align: top; padding-bottom: 310px;} в нем ещё блок второй: .block-info .page {position: relative; margin: 0 auto; display: block; font: normal 14px 'Trebuchet MS'; color: #46342c;} .block-info .page a {position: relative; font: normal 14px 'Trebuchet MS'; color: #46342c; text-decoration: none; left: 2px; top: -8px; float: left; padding: 8px 0 0 16px; width: 42px; height: 37px; margin-bottom: -2px; background: url('../images/page_yellow.png') no-repeat;} .block-info .page span {position: relative; font: normal 14px 'Trebuchet MS'; color: #46342c; left: 2px; top: -8px; float…

   Asked by okunev2, July 23, 2011

   0 votes
   6 answers
8. Проблема верстки DIV

   Все дивы находятся в одном диве с шириной, чтоб не убегали. Меню слева, подвижное, верх\низ.Проблема в следующем, когда кликаю меню, оно двигается и появляется задний фон страницы.(между главным контентом и подвалом, или между меню и повалом) Для дива в котором все эти дивы, поставил задний цвет белый, в опере работает, в остальных браузерах нет. Что делать?

   Asked by deadmopozzz, July 24, 2011

   0 votes
   4 answers
9. Attribute size not allowed on element input at this point.

   <!DOCTYPE html> ..... <input type='file' name='file' size="80px"> валидатор ругается: Attribute size not allowed on element input at this point. что нужно исправить?

   Asked by lavsan, August 11, 2011

   0 votes
   5 answers
10. Как написать просто код, который не будет выполнятся?

    Здраствуйте! У меня вот такой вопрос, поставил блог на ВордПресс, но вот на сайте потребовалось вписсать код, который должен не исполнятся, а просто быть кодом, тоесть <html> <head> <title></title> </head> <body> Сам текст </body> </html> Вот такой формы код, но вот показывает только "Сам текст" ,а остальные теги убирает. Это связано с ВордПресс, помниться, когда я делал сайт не в ВордПресс, это проблемы не возникало вовсе. Помогите плз, как решить проблему заранее спасибо!

    Asked by Shader, July 24, 2011

    0 votes
    3 answers
11. помогите со страничкой

    Для фреймов задача тривиальная, но если дивами верстать, то вообще непонятно )) там где 220 px высоты должны был полосы прокрутки и где контент, как реализовать грамотно?

    Asked by delphiworld, August 9, 2011

    0 votes
    1 answer
12. Голова, Футер - "прибиты", Контент - все что осталось между

    Всем здрасте. Есть такой макет: ссылка. Суть такая: нужно голову и подвал зафексировать в верх/низ, а контент что бы всегда занимал высоту (абстрактно): contentHeight = viewport.height - footer.height - head.height; и что бы он был между головой и подвалом. Все, что мне пришло в голову - это растянуть блок с главным контентом абсолютным позиционированием (top: head.height, bottom: footer.height). Дальше мне нужно, что бы содержимое внутри блока с контентом центрировалось с определенной шириной. для этого ставлю еще один блок внутри, назначаю ему ширину и margin: 0 auto, а также height: 100%. При этом все гуд, но кроме осла версии 7. Че далеть? Может у кого есть идеи как …

    Asked by paska, July 24, 2011

    0 votes
    11 answers
13. CSS не могу поменять стиль ссылки

    Я делаю дизайн для своего сайта, но возникла проблемка в файле CSS стилей. У меня указан стиль ссылок: a:link {text-decoration:underline; color:#4D6D91;} a:active {text-decoration:underline; color:#4D6D91;} a:visited {text-decoration:underline; color:#4D6D91;} a:hover {text-decoration:underline; color:#000000;} Но этот стиль так же действует и на заголовок новостей, а с тамашним фоном, этот цвет ссылок словается с фоном, я пытаюсь поменять цвет ссылок так: a.eTitle:link {text-decoration:none; color:#FFFFFF;} a.eTitle:visited {text-decoration:none; color:#FFFFFF;} a.eTitle:hover {text-decoration:underline; color:#FFFFFF;} a.eTitle:active {text-decoration:underline; color…

    Asked by mr_0003Spy, July 24, 2011

    0 votes
    5 answers
14. можно ли использовать class вместо id?

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

    Asked by cyklop77, July 24, 2011

    0 votes
    4 answers
15. порядок работы

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

    Asked by cyklop77, July 25, 2011

    0 votes
    2 answers
16. Помогите с меню

    Добрый день. Помогите с меню пожалуйста, мне надо сделать такое меню (условно 200px), чтобы после того, как заканчивается текст шли точки и >>> (рисунком), это выложен фрагмент из псд файла. никак не могу сделать, получается либо все подчеркивается, либо только на сам текст, а мне надо как на рисунке. Заранее спасибо!

    Asked by GRstr, August 9, 2011

    0 votes
    7 answers
17. Не отображает картинки в ксс

    Здраствуйте решил перейти от теории к практике, хочю сверстать макет Раира, который есть в примерах длЯ верстки. Для меня это не первая верстка, были ещё две, которые удачно завершил. но это были мои макеты, которые я создавал оринтируясь на свои возможности в верстке. Проблема вот в чем : только начал верстать : порезал картинки, и начал делать шапку. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>раира</title> <link rel="styleshee…

    Asked by Shader, August 9, 2011

    0 votes
    9 answers
18. Содержимое блока

    Такой вопрос возник. Допустим я делаю блок, а внутри него будет находится заголовок, абзац, картинка ну и т.п. <div class="block"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> Естественно мне нужно будет двигать содержимое. Как будет лучше и правильнее, двигать паддингом блок "block" Или создать дополнительную обертку для содержимого блока <div class="block"> <div class="obertka"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> </div> и двигать уже маргином блок "obertka"

    Asked by Pato, August 9, 2011

    0 votes
    7 answers
19. Блок с округлением

    Подскажите как исправить? http://itmages.ru/image/view/254670/6d6b446d #content { height:400px; margin: 30px 50px 20px 60%; padding: 5px; border: none; } .conten { background: transparent;margin-top:340px;line-height:60px ; } .conten h1, .curved p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#B0BCC2; border-left:1px solid #B0BCC2; border-right:1px solid #B0BCC2; margin:0 5px; font-size:1px; } .conten .b2 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#EBEEF0; border-left:1px solid #B0BCC2; border-right:1px solid #B0BC…

    Asked by Rambo2045, August 11, 2011

    0 votes
    1 answer
20. Проблема с отображением CSS

    Помогите люди добрые! Не правильно отображается материал на странице http://enpartner.ru/index.php/novosti-i-obzory?limitstart=0 Текст: "Еще статьи" вместе с сылками на остальные материалы не правильно расположен и правая колонка уехала вниз. похоже проблема с обтеканием, но незнаю что крутить.

    Asked by demll, August 12, 2011

    0 votes
    4 answers
21. вертикальное выравнивание

    картинка находится внутри рамки, надо чтобы горизонтально и вертикально стояло по центру, но БЕЗ таблицы, блоками <style type="text/css"> .box{ width: 200px; height: 200px; border: 1px solid #000; text-align: center; vertical-align: middle } </style> <div class="box"> <img src="img.jpg" alt="" align=""/> </div>

    Asked by jumancy, July 25, 2011

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

    Добрый день. Интересует такой вопрос. На картинке вертикальные линии и линии поверх текста - это изображения. Линии которые идут от самого пункта, то есть горизонтальные, идут до по всей ширине экрана. Вопрос: как такое реализовать? вот классы: #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
23. box-shadow проблемы в Опере

    Добрый вечер. Суть проблемы, у меня есть div шириной 100%, снизу нужно сделать тень, в CSS дописал «box-shadow: 0 1px 5px #000000;» тень появилась, во всех браузерах все прекрасно работает, а в опере появилась горизонтальная полоса прокрутки. И справа немного видно тень. Прошу вашей помощи. Спасибо. html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link type="text/css" rel="stylesheet" hr…

    Asked by DiMMK4, July 25, 2011

    0 votes
    2 answers
24. "От А до Я"

    Конечно же в интернете можно найти множество полезной информации. Главное - знать что искать. Я, например, только начинаю своё обучение на HTML-верстальщика, по этому хватаюсь за всё. Наверное, много таких же новичков, которые учатся методом тыка. Но систематизировано, поэтапно учиться - это не только легче, но и быстрее. По этому предлагаю в этой теме составить программу обучения, чтобы отсеять ненужную литературу и не сталкиваться с одним и тем же по несколько раз. Построить такой курс можно, например, на списке книг от начального до профессионального уровня + дополнения. Ведь каждый наверное в начале своей карьеры задавал себе вопросы: С чего же начать? (Какие книги …

    Asked by yaroslav_tk, July 25, 2011

    0 votes
    17 answers
25. height|width относительно window при наличии родителя

    Подскажите, если блок имеет родителя, но размер нужно указать относительно окна браузера, как с этим справиться? Или это уже к скриптам?

    Asked by Aroused, August 9, 2011

    0 votes
    10 answers