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. порядок работы

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

    Asked by cyklop77,

    0 votes
    2 answers

  2. можно ли использовать class вместо id?

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

    Asked by cyklop77,

    0 votes
    4 answers

  3. 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,

    0 votes
    5 answers

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

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

    Asked by paska,

    0 votes
    11 answers

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

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

    Asked by Shader,

    0 votes
    3 answers

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

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

    Asked by deadmopozzz,

    0 votes
    4 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,

    0 votes
    6 answers

  8. Пытаюсь понять семантику HTML5

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

    Asked by alexpop,

    0 votes
    11 answers

  9. Проблема с менюшкой

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

    Asked by Rustick,

    0 votes
    6 answers

  10. Оформление текста

    Текст в шапке сайта выглядит так 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,

    0 votes
    0 answers

  11. как задать [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,

    0 votes
    11 answers

  12. Наследование свойств 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,

    0 votes
    2 answers

  13. 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,

    0 votes
    3 answers

  14. img в теле html рассылки

    Всем доброго времени суток. Ночью столкнулся с e-mail менеджментом, а именно с рассылкой html писем. Верстка сделана таблицей, css'ка задана как атрибут. Все красиво, гламурно, няшно и т.д. Но изображений нет. Ни один почтовый сервис их не видит. Прописал абсолютный путь - не помогло. Как же быть то, как сделать, чтобы почтовики видели картинки? P.S. Изучил массу литературы по этому поводу, но к окончательному выводу так и не пришел: можно ли организовать это в хтмл, или я обречен юзать php, MIME и "cid:"? (если да, то как?) Помогите, пожалуйста. Код в студию: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conte…

    Asked by Ankh,

    0 votes
    0 answers

  15. Проблемы с IE8: съезжает блок...((

    Мир всем! Трехколоночный сайт: во всех браузерах отображается нормально, кроме IE8. В IE правый блок съезжает к центру экрана. Подскажите, плиз, как зафиксировать этот div и пристыковать его к правой стороне? См. скриншоты. Спасибо.

    Asked by Palomnik,

    0 votes
    5 answers

  16. Панорама в шапке сайта

    Здравствуйте уважаемыйе форумчане!На фотошопе создал панораму из 3х картинок,теперь поставил задачу применить ее в шапку сайта:разрезал на 3 части и позаменял ссылки стандартных картинок шаблона на мои рисунки.В итоге возникла проблема центральный рисунок не вклеивается в панораму,его обрезает.Пытался менять размеры,но сбиваются рамки рисунка.Прошу у вас помощи! вот панорама которую нужно вставить: а вот что у меня выходит: (там еще дополнительный вопрос:как убрать отступ указанный на картинке?) вот код шапки(сайт находится на бесплатном хостинге ucoz.ru) : ссылки такого плана "background:url('http://elenevp.at.ua/1.jpg')" переделывал в "<img src="http://elenevp.at.…

    Asked by replicate,

    0 votes
    2 answers

  17. CSS галерея

    CSS #gallery { padding:0; margin:0; list-style-type:none; overflow:hidden; width:320px; height:425px; border:1px solid #888; background:#fff url(windows/win_back.gif); } #gallery li { float:left; } #gallery li a { display:block; height:30px; width:320px; float:left; text-decoration:none; border-bottom:1px solid #fff; cursor:default; } #gallery li a img { width:320px; height:30px; border:0; } #gallery li a:hover { background:#eee; height:239px; } #gallery li a:hover img { height:239px; } XHTML <ul id="gallery"> <li><a href="#nogo"> <img src="windows/win7.jpg" alt="#1" title="#1" /></a>&l…

    Asked by Zombier,

    0 votes
    7 answers

  18. js

    В этом примере имеется одна кнопка с выпадающим меню http://ruseller.com/lessons/les240/example/index.html . Как сделать ещё 2 таких же кнопки рядом и такими же меню?

    Asked by Rambo2045,

    0 votes
    1 answer

  19. Как растянуть контент на всю высоту?

    Подскажите пожалуйста способ растянуть content на всю высоту. Всю голову поломала, почему если задать ему стиль heigh: 100% он не растягивается на всю высоту родителя, даже если у этого родителя задана высота? Нашла только одно решение на дивах: применить бэкграунд с фоном контента к wrraper, но оно мне не подходит. И таблицы тоже( Картинка как надо и не надо <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> .co…

    Asked by vikusik,

    0 votes
    3 answers

  20. Проблема с версткой

    Подскажите пожалуйста перекопал весь шаблон и никак не могу решить следующую проблему. На сайте http://www.firsthostproff.com С права есть две разделяющие полоски которые совершенно не корректно работают, проходят через все блоки на сквозь. Как это можно решить?

    Asked by dimdimin,

    0 votes
    8 answers

  21. Курсоры

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

    Asked by WebDebug,

    0 votes
    3 answers

  22. JS: Меняю атрибут при переключении на другой блок

    Есть код, который, как я понимаю, даёт возможность при переключении на определённый блок менять значения атрибута Style, а конкретнее прозрачность (opacity). Задался вопросом: как сделать так, чтобы скрипт менял значения атрибута Class. Где же в этом скрипте поменять сам атрибут? $(function(){ $("#pw2-button, #pw3-button, #pw4-button").css({ opacity: 0.3 }); $("#page-wrap div.button").click(function(){ $clicked = $(this); if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) { $clicked.…

    Asked by Eu-Le,

    0 votes
    3 answers

  23. Влияние padding'а элемента на соседние элементы той же строки

    Всех приветствую. Есть пример: http://indeego.ru/button.html При нажатии на кнопку у нее меняется padding сверху и снизу, причем в сумме они дают то же значение, что и в отпущенном состоянии (см. код). Проблема заключается в том, что это изменение передается другим элементам, расположенным в один ряд с исходной кнопкой (если в примере понажимать кнопку, текст слева от нее двигается вместе с текстом кнопки). Нужно средствами CSS сделать внутрикнопочный padding как бы независимым и не влияющим на окружение. Пока что помогает только назначение кнопке какого-нибудь float (left или right), но этот вариант не очень устраивает, т.к. изменяется расположение самой кнопки. Есть ли …

    Asked by DanLuchinsky,

    0 votes
    2 answers

  24. проблемы с javascript

    Подскажите как заменить кнопку <input type="button" value="Навигация по разделу" на вот это .menu{ width:55px; height:30px; float:left; background:url(call.png); } .menu:hover{ background:url(call1.png); } .clear{ clear:both; } <div style="position:absolute; top:0; right:0; margin-right:140px;"> <a href="www.google.ru"><div class="menu"></div></a> <div class="clear"></div> </div> Вот сам код: <html> <head> <title>сайт</title> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <Style> A:Link{ Color: #000000; Text-decorati…

    Asked by Rambo2045,

    0 votes
    4 answers

  25. Картинка в конце ссылки

    Может кто подскажет. Необходимо реализовать следующее: Стрелка должна быть частью ссылки. Важно чтоб если ссылка не влазит в одну строку, переносилось последнее слово со стрелкой, а не только стрелка. Пробовал через ::after, но тогда подчеркивание тянется до картинки.

    Asked by maeglyn,

    0 votes
    3 answers
×
×
  • 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