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. Проблема с блоками стилей в статье

    Всем, привет! Ребята, нужна Ваша помощь! Проблема вот в чем: Создал, например, в файле style.css новый класс: .infobox { background: url("images/blockquote.gif") no-repeat scroll 0 0 #EDFFD4; color: #666666!; font-style: italic; margin: 20px 0; padding: 1px 12px 1px 34px!; } и теперь в редакторе WordPress в режиме html мне нужно выделить участок текста этими стилями, я прописываю <div class="infobox">текст</div> но не чего не происходит, текст не выделяется этими стилями! В чем может быть причина?

    Asked by vvalera12,

    0 votes
    4 answers

  2. <!doctype html> и плавающие элементы

    Добрый день,такой вопрос, собственно дизайн сайта представляет собой следующую картину , див main, в нем 2 дива, content и правая колонка.У main'a, соответственно, задан background-color. Ставлю float:left для контента, и float:left для колонки, с шириной все в порядке, 70% и 20% для контента и для колонки. Но возникает проблема, проподает background в мейне, т.е. просто прозрачный фон(виден background body). Если убирать <!DOCTYPE html>, фон возвращается в main... Еще проблема решается заданием высоты или максимальной высоты для main'a. Визуально не видно. Но при просмотре разметки, создается впечатление, как будто блоки content и правая колнка не дети main'а, а со…

    Asked by Briss,

    0 votes
    4 answers

  3. Помогите сверстать

    Добрый день, есть шаблон http://freepsdfiles.net/download?id=2393. Подскажите пожалуйста как сверстать основной фон, которые клетчатый. Спасибо

    Asked by VictorioIP,

    0 votes
    6 answers

  4. Как сверстать такой блок

    Здравствуйте! Есть такой макет: ссылка на изображение, размер: 143 кбайт, 1024 x 641 точек Задача состоит в том, как сверстать большой полупрозрачный блок. Я использую верстку с прижатым футером. Код: <body id="inner"> <div id="wrapper" class="w100" style="background-image:url(maneBg_2.jpg); background-position:0 0;"> <div id="main"> <div id="all"> <header class="strip"> <div id="header_c"> <nav id="menu_l"> <ul> <li><a href="#">Парикмахерский зал</a></li> <li><a href="#">Ногтевой сервис</a></li> <li><a href="#">Косметология</a>&…

    Asked by Светлана Гр.,

    0 votes
    6 answers

  5. height:100% - проблемы с текстом

    Сделал 100% высоту сайта с прижатым футером, все нормально, но только когда текст в контентной части увеличивается, то текст не видит футер(виден текст который за футером). Высоту сделал примерно так: wrapper : min-height: 100% , margin-bottom: -150px; footer : height: 150px; Полностью код привести не могу, т.к. пока проблемы с сайтом

    Asked by IceJOKER,

    0 votes
    3 answers

  6. Очень странный баг

    Такой код: <!DOCTYPE html><html><head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="styles/photon.css" /></head><body><form > <input/> <input/> <input/></form><div style="border-top: 1px solid black;" ></div> <!-- РАЗДЕЛИТЕЛЬ --><div> <span> ТЕСТ </span> <div class="test"> ТЕСТ 2 </div> </div></body></html>.test {float: right;}Проблема заключается в следующем, div с текстом "ТЕСТ 2" в FireFox отображается на одной строке с div'ом с текстом "ТЕСТ", а в Chrome и Opera почему-то съезжает на одну строку вниз. Ме…

    Asked by qwestpool,

    0 votes
    6 answers

  7. Верстка на div'ax, смещение оных

    <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Панель администратора</title><link rel="stylesheet" type="text/css" href="style.css" /></head><body> <div id="container"> <div id="header">Ш</div> <div id="navigation"> <a href="#" class="knopka" tabindex="0">кнопка</a> <a href="#" class="knopka" tabindex="0">кнопка</a></div> <div id="menu">М</div> <div id="content"&gt…

    Asked by dotslide,

    0 votes
    3 answers

  8. проблема с background-size в Firefox

    Здравствуйте, коллеги! Есть блок отображения рейтинга в виде сердечек. Сверстан просто: блок шириной 75px заполняется бэкграундом-картинкой-сердечком с background-size: 15px 12px. Т.е. 5 сердечек шириной 15px полностью заполняют блок шириной 75px: #ratingbox { display: table-cell; text-align: right; width: 75px; height: 16px; background: url('/images/icons/empty.png') 0 0 repeat-x; background-size: 15px 12px; position: relative;}Проблема в том, что в фаерфоксе 5 сердечек фактически занимают больше 75 пикселей, на каждое сердечко добавляется по 1 лишнему пикселю ширины, и блок ползет. В остальных браузерах все в норме. Вживую посмотреть можно здесь: http://vkruzhev…

    Asked by Elflight,

    0 votes
    4 answers

  9. Float, отступы и media queries

    Привет. Напал с утра жёсткий затуп на меня — понять не могу как правильно сделать. http://jsfiddle.net/sj115o5j/Вот прмерный макет. Один блок-столбик справа и основной слева. Суть в том, что aside мне надо до определённой ширины делать 30%, потом 200px, а потом надо сделать так, чтобы он ушёл под основной блок. Очевидным кажется решение с float left, но я не могу сделать так, чтобы один справа был фиксом, а левый был бы резиновым. Как вообще это делается правильно?

    Asked by Veseloff,

    0 votes
    3 answers

  10. Обрезка изображений

    Добрый вечер. В блоке изображений, не влезающий кадр должен не переноситься на следующую строку, а обрезаться. Проблему решил, но частично к примеру при установке блоку ширины в 460px второе изображение обрезается, но если я ставлю размер в 660px, то картинка переносится, а не обрезается. Пример: http://jsfiddle.net/x68u40th/ Проблему решил, установив ширину в 100% Но снизу по прежнему видно изображение.

    Asked by perec200,

    0 votes
    1 answer

  11. Самый глупый вопрос!

    Всем привет! Никак не получается решить такую вот задачу: блок position:absolute внутри блока position:relative. Как сделать так, чтобы блок position:relative растягивался на всю высоту блока position:absolute? Сначала думал clearfix поможет, но он не помог(

    Asked by Antoshka007,

    0 votes
    6 answers

  12. Динамически расширяющегося контейнер после сайдбара

    Всем привет! Столкнулся с такой задачей. Как видно на рисунке на одном контейнере есть Каталог товаров и сайдбар. В каталоге товары по три в ряде. Теперь задача: можно делать так, чтобы под сайдбаром товары уже шли по 4 в ряд. Возможно ли все это реализовать без разбиение каталога на 2 блока(т.е. верхний(по 3 ) и нижный(по 4))? Заранее очен благодарен!

    Asked by parnas,

    0 votes
    2 answers

  13. Какие есть инструменты для обнаружения не работающих стилей?

    Добрый день. Такой вопрос. Какой на сегодняшний день инструмент, используется для обнаружения неработающих(не задействованных, мертвых) CSS стилей на странице? (слышал в дев тулсе есть что то подобное - но на вскидку не обнаружил ничего.) P.S. Буду благодарен за ответ.

    Asked by Yamaradg,

    0 votes
    2 answers

  14. th атрибут scope

    Иногда вижу в коде у тэгов th атрибут scope (значения col или raw). Что он делает я примерно представляю, но можно ли его использовать, то есть соответствует ли он стандарту XHTML?

    Asked by Djo,

    0 votes
    2 answers

  15. Очередная проблема с валидацией.

    Валидатор FireFox "ругается" на строку: <a href="/ru/institutions/page2/?city=&area=&institution_type=&cuisine="> И объясняет все так: Как исправить?

    Asked by Alex&R,

    0 votes
    3 answers

  16. Ищу красивые шрифты для кириллицы ?!

    Добрый день уважаемые гости форума. Не подскажите где можно закачать красивые шрифты чтобы понимали кириллицу ? Пробовал Google Fonts API, но там шрифты не воспринимают русские символы.

    Asked by Krava,

    0 votes
    3 answers

  17. Placeholder

    Привет. Как стилизовать placeholder?

    Asked by ghrd,

    0 votes
    4 answers

  18. Таблица сьезжает при масштабировании

    Добрый день. Есть сайт (http://kupivse.org/). При изменении масштаба, таблица, которая выводит 2 новости над лучшими предложениями смещается вправо, пытался выравнивать по центру с помощью margin:auto - не помогает Есть идеи что не так с ней?

    Asked by kafaya,

    0 votes
    5 answers

  19. Два дива, выравнивание

    Очень уж стыдно спрашивать в очередной раз у вас, думал что разобрался полностью с версткой дивов Оказалось нет Легкий и глупый вопрос, но деваться некуда Есть див ид=1 В нем два дива (ид=2 и ид=3, к примеру) ид=2 это картинка с флоат=лефт, ид=3 это текст Нужно что бы ид=3 находился на средней линии с ид=2, проще - посередине по вертикали

    Asked by a1rborn,

    0 votes
    8 answers

  20. галерея

    Люди. Помогите Должно быть так: Вот что получается. Почему номера не отображаются в строчку? http://jsfiddle.net/fmpPe/

    Asked by daniluch,

    0 votes
    3 answers

  21. запутался в изучении совсем

    Добрый день. Вопрос скорее относится к тем, кто уже достиг определенных высот в изучении веба. Предыстория. Первый раз с HTML я столкнулся когда сестра училась в универе на первых курсах(разница 6 лет), я лазил по столу и обнаружил зеленую книженцию, это была методичка по HTML. Полистав ее, я смотрел словно в пустоту, но код и картинки под ним, подсказывали что написав это, мы получаем то, что показано на картинке. Мне показалось это интересным и я спросил у сестры что это. Она объяснила и даже показала что они делают по этой методички. Интернета тогда в доме еще не было, так что я не сильно понимал, что вообще происходит на страничке, но смотрелось все забавно и меня с…

    Asked by maxsnw,

    0 votes
    5 answers

  22. Скиньте готовый landing

    Всем привет кому не сложно скиньте хороший сверстаный landing с формой обратной связи, таймером, слайдером. И подскажите как делается форма обратной связи для телефона (http://idandy.ru/)

    Asked by RomanVerstka,

    0 votes
    1 answer

  23. Нужна помощь с версткой почтовой рассылки

    Товарищи, помогите пожалуйста, хотя бы направлением на путь истинный, а ещё лучше конкретными советами. Верстке только учусь, поэтому, пожалуйста, не сердчайте. Есть макет для e-mail рассылки, и его нужно сверстать таблицами, без маппинга и внешних стилей, только внутренние. Не могу придумать как лучше поступать с изображениями товаров.

    Asked by Nick.J.Fry,

    0 votes
    8 answers

  24. last-child

    Добрый день, подскажите как решить проблему с last-child, : для последнего элемента .coach-photo нужно убрать правый отступ 65px, прописываю .photos .coach-photo:last-child{margin-right:0px;}не работает. пробовал nth-child, nth-of type - не работает. ! Но если убрать <p class="photo-title">LEONARDO,<span>MANAGER - USA<span></p>- надпись над картинкой, то все норм. Почему так происходит!??? вот ссылочка - фото парней http://sport.teslalight.com.ua/ Спасибо за ранее.

    Asked by mrfrunze,

    0 votes
    8 answers

  25. Масштабируемая шириной окна верстка

    Подкинье пожалуйста статейку как реализовать лучше всего масштабируемую шириной окна браузера верску статью, желательно на русском, спасибо)

    Asked by Kenshi24,

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