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

29542 questions in this forum

  1. Проблема с padding в <td>

    Добрый день! Не могу разобраться, почему на этой странице появляется такое большое значение padding для <td>. Голову на этом уже сломал

    Asked by Dimusyan,

    0 votes
    1 answer

  2. float:right и float:left в соседних элементах

    Допустим, есть: <img src="logocss.gif" width="95" height="84" style="float:right"/> <p style="float:left; width:100%;"> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. </p> Хочется, чтобы p выбрал ширину такую, что б его не сносило вниз, а обтекало. Так случилось, что параметр float:left ему при этом нужен..

    Asked by uitrix,

    0 votes
    2 answers

  3. Замена картинки

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

    Asked by voldemort,

    0 votes
    3 answers

  4. Список не хочет не отображаться

    Помогите пожалуйста, тяму не хватает Есть пример раскрывающегося списка http://get-element.3...aniem/1-1-0-316 Подскажите, почему по умолчанию при загрузке страницы верхний блок "CSS3" раскрыт? Судя по ccs он должен быть свернут, помогите свернуть его по умолчанию, пол дня потратил

    Asked by фонарик,

    0 votes
    4 answers

  5. Проблемы с позиционированием

    http://obzor.webtj.ru/slava/ при наведении на текст отображается еще один блок, мне надо чтоб было у него абсолютное позиционирование относительно главного блока текста #desc .desc, чтобы нижняя часть не отъехало вниз. Как это сделать? Сейчас нижний контент при ховере опускается

    Asked by X-Miller-X,

    0 votes
    1 answer

  6. Почему не добавляется внутренняя рамка?

    Здравствуйте. На странице пытаюсь задать дополнительную 1px рамку вокруг превьюшек согласно мануалу (там правда разбирается четверная рамка на псевдоэлементах). Не получается. В чем причина? На выходе должно быть так. вокруг фотки идет 1пикс рамка, вокруг которой 10пикс белое пространство, заканчивающееся той рамкой, что видна сейчас(оранжевая обводка+тень) P.S. Как на форуме давать ссылки, чтобы они не индексировались поисковиками?

    Asked by borus,

    0 votes
    3 answers

  7. Бешеные DIV-ы

    Есть вот такой не сложный код: <html> <head> </head> <body style="margin:0;padding:0;"> <div style="margin:0 auto; width:600px; height:300px; background:red;" id="1"> <div id="2" style="margin:30px 0 0 0; width:200px; height:100px; background:grey;"> </div> </div> </body> </html> Почему div с id=2 делает отступ не относительно div c id=1 и более того получается так что тот же div c id=1 тоже получает отступ от верхней границы 30px ? В общем что я неправильно делаю или как это полечить ?

    Asked by Anexin,

    0 votes
    2 answers

  8. Первая верстка. Помогите сделать правильно.

    Здравствуйте. Я впервые верстаю страницу и сильно запутался. Перечитал кучу информации, но куча мнений привела к еще большей путанице. Подскажите, пожалуйста, каким стилем правильнее верстать, думал о "резиновом" дизайне, но сразу отказался. Мне явно нужна адаптивная верстка, следовательно нужен "фиксированный" дизайн и потом при помощи @media и делать адаптацию под разные разрешения. Я правильно понимаю? Объясните на примере: шапка сайта состоит из 3-х, накладывающихся друг на друга картинок, текста, кнопок и т.д. Как правильнее сверстать шапку в данном случае? И как в целом стоит начинать верстку с последующей адаптацией под разные разрешения? Заранее спасибо.

    Asked by Anonim_Khb,

    0 votes
    1 answer

  9. Что за слайдер?

    http://venusdemo.com/magento/smartshop/index.php/?___store=christmas

    Asked by raptor-dm,

    0 votes
    3 answers

  10. Межстрочный интервал

    Есть шрифт myriad pro. На платформах windows все норм. Но на маке межстрочный итервал меньше и текст чуть выше оказывается. Не знаю как исправить. Исправлю на маке, текст опустится на винде и в винде будет не так как в макете и наоборот. http://hostingkartinok.com/show-image.php?id=a89b056a4e2027963b6363882615d81f WINDOWS http://hostingkartinok.com/show-image.php?id=a0425b00912a7e1ab7ce873494025ccb МАК SAFARI 7 Как исправить?

    Asked by raptor-dm,

    0 votes
    4 answers

  11. многоточия в строках

    насколько я помню, задача без js не решаемая, но помогите ещё раз в этом убедиться. вдруг что-то поменялось с тех времён есть блок. подписи к картинками длинные поэтому я через overflow ограничил их тремя строками. но хотелось бы чтобы после каждого последнего слова стояло многоточие(даже если слово последнее в предложении) css3-решение устроит. js-решение не устроит

    Asked by cyklop77,

    0 votes
    3 answers

  12. Заголовок и линия справа

    http://campus.nsu.ru/tmp/util.get_file.php?fid=2724 Задача: После заголовка, необходимо нарисовать вот такую линию, до конца страницы. Как я делал: <style type="text/css"> .line{ background-color: #dedede; height: 6px; border: 1px solid; } .header h1{ float: left; border: 1px solid; } .header{ border: 1px solid; } </style> <div class="header"> <h1>Отзывы</h1> <div class="line"></div> </div> В IE7 ещё что-то напоминающее правду, но поведение других браузеров совершенно не понимаю. "header" - контейнер, и в нём должно всё размещаться, заголовку применено обтекание, посему всё должно быть рядышком, красиво и замечат…

    Asked by Йода,

    0 votes
    1 answer

  13. Размер сраницы

    как в dream'e изменить размер страницы? какой код и где его вставить?

    Asked by alvaros,

    0 votes
    3 answers

  14. Проблема с блоком

    Вот проблема , нужно блок с четырех сторон (а может и больше) обтянуть "частями телевизора" чтоб визуально был как телек.

    Asked by ukrhome,

    0 votes
    1 answer

  15. два div'а одинаковой высоты

    Понимаю что тема уже избита, но всё же. У меня есть два div'а, у одного "float:left", другой просто обтекает + они завернуты в общий блок div. Цвета фонов разные, причем у левого есть ещё рамка. Не получается сделать высоту одинаковым. Ставил обоим div'ам "display:table-cell", но и тут без проблем, если например сделать у одного из div'ов "padding:20px", то и у второго тоже "padding" становится 20px, а мне не надо так. Помогите люди добрые)

    Asked by dirtez,

    0 votes
    3 answers

  16. Стиль для текста

    Здравствуйте, верстаю шаблон для новичков . Я хотел дать шрифту который побольше <h4> и применить к нему стиль, но так как там нужно давать два разных стиля для <h4>, этот вариант не подходит. Как правильно применить стиль для этого текста? Дать абзацам класс или можно сделать правильную выборку?

    Asked by ShootingStar,

    0 votes
    5 answers

  17. Как установить перекрытие фонового изображения?

    Здравствуйте. Здесь на сайте в футере использовал траву с repeat-x. В итоге она смотрится отдельными кустиками. Как можно пустить ее с наложением конца одного изображения на другое? Благодарю.

    Asked by borus,

    0 votes
    3 answers

  18. Редактирование маркированного списка

    Доброго времени суток! Хочу сделать карту сайта и смещение <ul type="square"> <li><a href="http://pechati89.ru/">Главная</a></li> <li><a href="http://pechati89.ru/?page_id=44">Заказать печать</a></li> <li><a href="http://pechati89.ru/?page_id=16">Контакты</a></li> <li><a href="http://pechati89.ru/?page_id=18">Карта сайта</a></li> <li><a href="http://pechati89.ru/?page_id=18">Документы</a></li> </ul> Как сделать смещение лесенкой, а у меня список в одну вертикальную линию!

    Asked by alex89,

    0 votes
    4 answers

  19. HTML5. Кроссбраузерное Оформление Placeholder...

    Здравствуйте. HTML5 изучаю недавно и на днях решил применить атрибут 'placeholder'. (с соответствующим плагином для кроссбраузерности.) В результате столкнулся со следующими трудностями: 1) Opera не поддерживает регуляцию цвета для текста. 2) В Safary невозможно отцентрировать текст по горизонтали. Буду благодарен, если кто подскажет обходные пути. (Возможно требуется прописать что-нибудь в скрипте? Я в этом не силён.) P.S. Также было бы неплохо понять, каким образом можно найти аналог св-ва ':focus' для инпутов в ie-7? (необходимо поменять цвет бордерам.) Пример страницы с проблемами находиться здесь: http://webmaster.ayrveda.ru/Placeholder/index.html Буду признателен за…

    Asked by Yamaradg,

    0 votes
    0 answers

  20. Главное меню

    Нужно сделать меню чтобы при нажатие на него появлялась сверху полоска , я использовал border-top, но почему то текст который есть внутри кнопки сползает вниз на толщину этой же полоски, не могу никак решить задачу . Помогите пожалуйста. Вот мой код: html: <body> <div id="menu"> <ul> <li><a href="#" class="current"><p>home</p></a></li> <li><a href="#"><p>about us</p></a></li> <li><a href="#"><p>services</p></a></li> <li><a href="#"><p>solutions</p></a></li> <li><a href="#"><p>contac…

    Asked by talover,

    0 votes
    2 answers

  21. СРОЧНО! ПОМОГИТЕ СО ШРИФТАМИ!

    http://dsdfsdsdfkvit.sdfsdfzdfsdato.ru/ сайт. имеется шрифт MyriadPro, код и ссылки для него сгенерировал при помощи великолепного сайта http://www.fontsquirrel.com/ Он выдал мне вот такой css @font-face { font-family: 'MyriadPro'; src: url('myriadpro-semibold.eot'); src: url('myriadpro-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-semibold.woff') format('woff'), url('../fonts/myriadpro-semibold.ttf') format('truetype'), url('../fonts/myriadpro-semibold.svg#myriadpro-semibold') format('svg'); font-weight: normal; font-style: normal; } все вроде бы хорошо, все вроде бы ок. Но гадская мозилла почему-то думает, что он жирный. мне …

    Asked by boo,

    0 votes
    4 answers

  22. Как вы думаете, так не стоит делать?

    Смотрю примеры верстки на одном обучающем сайте. Автор там применяет часто следующий ход. Добавляет классы через пробел. Например, у него есть классы .left { float: left; } .overflow { overflow: hidden } И он через пробел добавляет в классы нужных тегов. Но по-моему это аналогично тому, как в самом хтмл коде написать style="float:left". Ведь если мы захотим, чтобы этот блок был справа - нам придеться лезть в хтмл, а не таблицы стилей, и править код там, что нарушает основной принцип верстки - разделения логической разметки от стилей.

    Asked by Zverushka,

    0 votes
    3 answers

  23. Рушится вёрстка в IE8

    При просмотре сайта из IE9 в режиме IE8 видно, что не работают скрипты (включая html5shiv, поэтому всё плывёт), хотя, вроде, подгружаются. Сайт на Wordpress http://angelo.hes78.com/ Статичная html-версия такой проблемы не испытывает http://webpages.hes78.com/Angelo/ В чём может быть проблема? ___________________________________________________ Сам разобрался. Весь ужас, собственно, был из-за неработающего html5shiv, потому что его необходимо подключать в header. До этого вёрстка, похоже, летела к чертям из-за ошибки js: $('input, textarea').placeholder(); до подключения jquery, который в футере. За компанию с placeholder утащил в футер и html5shiv...

    Asked by xenon_k,

    0 votes
    1 answer

  24. Прошу помощи по установке слайдера.

    Доброго дня, хочу попросить помощи у знающих людей, не могу установить слайдер, если вам конечно не тяжено. Вот этот слайдер http://www.htmldrive...jQuery-and-CSS3. Если хотите помочь просто напишите свой скайп, там поговорим. Я даже могу деньгами отблагодарить! Ребята, очень нужно

    Asked by Maddog,

    0 votes
    5 answers

  25. Интересная рамка для изображения(блока).

    Всем привет. Подскажите, как реализовать рамку вокруг картинки в стиле плёнки, картинки верха, низа, и т.д. есть. Как разместить их вокруг элемента7

    Asked by xTODx,

    0 votes
    5 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