HTML Coding

29542 questions in this forum

1. Как заверстать блок на пол экрана?

   Как сверстать красную линию? При любом разрешении, она должна начинаться от левого края экрана, и заканчиваться относительно основной ширины в этом месте.

   Asked by yozuul, November 14, 2014

   0 votes
   3 answers
2. Как сделать черту сразу под текстом?

   http://trakservis.ru/leasing/ Заголовок "финансовый лизинг". Как сразу же после него сделать линию не могу понять? Делаю и в любом случе отступ получается.

   Asked by sergeyshat, December 13, 2014

   0 votes
   3 answers
3. Не работает перекатывание картинки в Хроме и Опере

   Собственно код .enter {background: url("../img/enter.png"); display: inline-block; width: 170px; height: 42px; position: relative;margin-left: 20px;cursor: pointer; font-family: Arial, sans-serif; font-size: 20px; font-stretch: condensed; font-style: italic; font-weight: bold; color: #7F5B2B; line-height: 42px; text-align: center; text-decoration: none; text-shadow: 1px 2px 3px rgba(255,255,255,0.5); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text;}.enter:hover {background-position: 0 -42px;}.enter:active {background-position: 0 -84px;}<button class="enter" onclick="submit();" typ…

   Asked by roland, February 8, 2015

   • картинка-ссылка
   • кроссбраузерность
   0 votes
   2 answers
4. Как сделать левый блок посередине страницы? (не экрана)

   Здравствуйте. Есть страницы с очень длинным текстом. В результате реклама совсем не видна почти. Плавающие блоки запрещены адсенсом. Потому думаю следует разместить левый блок рекламы (lsb) посередине страницы. Т.е. высота страницы 1000px, значит блок разместить на 500 px и так в зависимости от размера контента. пробовал писать всякие top:50%, margin-top:50% но как-то работает все не корректно... Сайт имеет следующую структуру <div id="wrapper"><div id="header"></div><div id="menu"></div><div id="lsb"></div><div id="content"></div><div id="footer"></div></div>#wrapper { margin: 0 auto; width…

   Asked by nikki4, May 28, 2015

   0 votes
   1 answer
5. bootstrap 3 валидация

   сделал сайт на бутстрап 3 заказчик проверил его через https://jigsaw.w3.org/css-validator/и выдал кучу ошибок теперь хочет исправить бутстрап, якобы для сео полезно уговоры на него не действуют правильно ли исправлять бустрап?

   Asked by https, January 19, 2016

   0 votes
   2 answers
6. чтоб картинка помещённая на сайт как бэкграунд не размножалось

   Подскажите пожалуйста как сделать чтоб картинка помещённая на сайт как бэкграунд не размножалось? Какие теги на запрет размножения?

   Asked by exploer, May 13, 2009

   0 votes
   3 answers
7. CSS - проблемы с наведением на li

   Всем привет! Во в чем проблема, значит. Я один сайт под себя переделываю, и мне захотелось сверху сделать менюшку получше, уж больно она неказистая. Увеличил высоту, все как положено, текст остался по центру. Затем с помощью li:hover сделал другой фон. И при наведении фон изменяется, но текст сдвигается вверх. Вот, собственно, какой кусок кода вышел: #topmenu ul, #topmenu li { list-style-type:none; list-style-image:none; padding: 0; margin: 0; } #topmenu table { background-color: #2A85E0 !important; height: 50px; } #topmenu li:hover { background: rgba(0, 0, 0, 0.15); height: 46px !important; text-deco…

   Asked by Qeaction, May 31, 2011

   0 votes
   3 answers
8. Почему не отображается в IE?

   Вот такой вот код главного дива: main{ background:url(../%D0%A1%D0%B0%D0%B9%D1%82%20%D1%84%D0%B0%D0%B9%D0%BB%D1%8B/background1.jpg); width:960px; height:900px; background-repeat:no-repeat; margin:0 auto; Задача:фиксированная картинка фон для сайта(с добавлением тени,поэтому через див) по середине. Вопрос:в чем проблема отображения в ИЕ?Фаерфокс отображает корректно.А ИЕ не хочет...пробовал разными способами?

   Asked by BupycAP, June 29, 2011

   0 votes
   4 answers
9. Проблемка с отступами в фф 5

   Доброго времени суток. Кратко по делу: Это в Опере, Хроме, ИЕ8. А вот так в фф5, если не ошибаюсь, стало после обновления с 4го: Все это дело лежит на сайте

   Asked by Non Stop, July 11, 2011

   0 votes
   3 answers
10. Подскажите по стилям для media print

    Здравствуйте. Подскажите пожалуйста в чём у меня ошибка? Есть необходимость распечатывать одну html. Для неё созданы два файла стилей, для экрана и для принтера. При печати на синем фоне должны быть белые бук вы. На экране буквы отображаются правильным цветом. При предварительном просмотре печати буквы уже чёрные и на бумаге такие-же. В стилях для печати уже прописал цвет во всех местах где надо и не надо, но это ничего не меняет. Где я ошибся не пойму. Вот листинг HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Печать наклеек</title> <link med…

    Asked by MeTaN, July 22, 2011

    0 votes
    2 answers
11. Как лучше сверстать

    Подскажите как лучше сверстать Соц.иконки что внизу Абсолютным позиционированием или как?

    Asked by NeoMurderer, October 1, 2011

    0 votes
    6 answers
12. Проблема с css в Chrome

    Добрый день, не могу понять в чём проблема. В Хроме на сайте http://baffin-world.ru/ проблема с главным меню, при наведении на пункт и попытке выбрать подпункт все подпункты исчезают. во всех остальных браузерах всё хорошо. Подскажите, в чём проблема?

    Asked by DenimTornado, October 28, 2011

    0 votes
    2 answers
13. Лента новостей

    доброго времени суток. /* carucel */ .infiniteCarousel {width: 1040px;position: relative;margin:0px 0 0 20px;} .infiniteCarousel .wrapper2 {width: 910px;overflow: auto;min-height: 10em;margin: 0 45px;position: absolute;left:17px;top: 0;} .infiniteCarousel .wrapper2 ul {width: 9999px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:-4px;padding:0;position: absolute;top: 3px;} .infiniteCarousel ul li {display:block;float:left;padding: 16px 0 40px;height: 100px;width: 131px;} .infiniteCarousel ul li a img {display:block;} .infiniteCarousel .arrow {display:block; height:48px; width:58px; background:url("../images/arrow.png") no-repeat 0 0; text-i…

    Asked by furaixp, December 16, 2011

    0 votes
    0 answers
14. IE7 и всплывающие подсказки

    Доброго времени суток! Есть страничка http://cath.in.ua/portfolio/curebit/new.htm На данный момент не могу исправить баг в IE7. При наведении на инпуты формы ввода выводится всплывающая подсказка, но в ie7 подсказка прячется под инпут, а надо, чтобы отображалась поверх блока. В остальных браузерах и версиях IE выше 7 отображается как надо. Подскажите, как можно решить данную задачу?

    Asked by Catherine, January 4, 2012

    0 votes
    1 answer
15. Как выравнять дивы по верху

    Здравствуйте. Есть три дива с каким то контентом <div>Какой то текст</div> <div> <div class="my">картинка 1 <br />картинка 1 <br /> </div> <div class="my">картинка 2 <br />картинка 2 <br />картинка 2 <br /> </div> <div class="my">картинка 3 </div> </div> Я сделал чтобы они располагались в линию .my { border: 1px solid #000; display: inline-block; } И у меня поучилось вот такая картина А мне хочется чтобы они выравнивались по верху, то есть выглядели как то так При этом не хочется использовать абсолютное позиционирование или таблицы. Подскажите как выравнять их по ве…

    Asked by faydaen, September 13, 2012

    0 votes
    2 answers
16. Категории в Select (с optgroup)

    Ребят, подскажите с добавлением категорий в select (категории хранятся в БД "рекурсивно"). Имеется следующий код, но он для UL, LI. Пытался переделать его в select и optgroup - что-то не получается.. //Выбираем данные из БД $result=mysql_query("SELECT * FROM categories"); //Если в базе данных есть записи, формируем массив if (mysql_num_rows($result) > 0){ $cats = array(); //В цикле формируем массив разделов, ключом будет id родительской категории while($cat = mysql_fetch_assoc($result)) $cats[$cat['parent_id']][] = $cat; } function build_tree($cats,$parent_id){ if(is_array($cats) and isset($cats[$parent_id])){ $tree = '<ul>'; foreach($cats[…

    Asked by korjik, October 28, 2012

    0 votes
    0 answers
17. border у картинок-ссылок

    Нужно сделать ссылки на всех страницах подчёркнутыми пунктирной линией, цвет которой отличается от цвета самой ссылки. Вставил код в CSS: a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;} Всё заработало, но стали подчёркиваться картинки-ссылки. Вставил строчку: a img {border:0 none;} (пробовал так же {border:0;}, {border:none;} и даже {border:none !important;}) Картинки перестали подчеркиваться только в chrome. Во всех остальных браузерах картинки подчеркиваются. Как исправить? Да, и ещё. Когда ставлю a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;} a img {border:5px solid;} то карти…

    Asked by ProcyonLotor, November 6, 2012

    0 votes
    6 answers
18. Наследование свойств класса дескрипторами, расположенными вне класса.

    Здравствуйте. В стилях прописано так: ... select, input, textarea, submit {font-size: 13px;} ... #table_small select, input, textarea, submit {font-size: 10px;} В этом случае текст элементов textarea и submit, которые расположены вне id="table_small" присваивается 10 фонт. Если поменять местами строки: ... #table_small select, input, textarea, submit {font-size: 10px;} ... select, input, textarea, submit {font-size: 13px;} все происходит с точностью до наоборот: текст в формах находящихся в <div id="table_small"> ...</div> textarea и submit - 13px. Что интересно, текст в select - ведет себя как и предполагается... Подскажите, как исключить такое "насле…

    Asked by Kapust, March 19, 2013

    0 votes
    6 answers
19. Создание интерактивного сайта

    Всем привет! Делаю сайт на конкурс,и собственно мне нужно создать интерактивный сайт. Можно было бы и сделать во Flash,но я с ним не работал.Да и во 2-м макете у меня уже есть фрейм с Flash приложением. У меня если честно опыта создания подобных сайтов мало. Может кто-нибудь подскажет с чего начать? P.S. Ахтунг,еще нужно адекватное разрешение под любое разрешение экрана (800x600 миниум).

    Asked by infernno, November 14, 2013

    0 votes
    6 answers
20. Управление вкладками через CSS

    Добрый день, помогите разобраться с отображением вкладок. Есть две вкладки: Вкладка1 и Вкладка2. В вкладках содержится информация. В вкладке2 есть еще две вкладки: Вкладка3 и Вкладка4. На данный момент стиль настроен так, что отображается информация вкладок 2, 3, 4 на Вкладке1, а не должна. Ниже html и css код. html-файл: <!DOCTYPE html><html><head><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css" /></head><body><div class="tabsLink"> <a href="#tab1">Вкладка 1</a> <a href="#tab2">Вкладка 2</a></div><br /><a class="tabs" id="tab1"></a> <div class="…

    Asked by varfj54j, February 3, 2014

    • вкладки css
    0 votes
    0 answers
21. Псевдоэлементы ie

    Привет всем! .tel:before { content: ""; background: url(img/phone.png); width:37px; height:47px; float: left; position: relative; top: -14px; left:-10px; } В ie не сработает top и left почему?

    Asked by soltx, September 26, 2014

    0 votes
    3 answers
22. Как вы очищаете поток? (float'ы)

    Здравствуйте! Скажите, почему очищать поток с помощью overflow: hidden не желательно? Например, в шапке расположены 3 блока с float'ами. Как вы очищаете поток? Создаете новый див и присваиваете ему clear:both? И всегда и нужно пользоваться подобным способом?

    Asked by Fendia, October 28, 2014

    0 votes
    3 answers
23. Как ограничить ширину DIV'a в зависимости от контента?

    Кто может подсказать, как ограничить ширину DIV'a в зависимости от ширины изображения, помещенного в него кроме float и inline-block, width: auto Почему кроме? Потому, что как только эти свойства написать div'у с классом display-template перестает почему-то работать класс img-responsive, примененный к фото фотоаппарата. А width: auto вызывает проблемы при ширине окна <750px Проблема проявляется в FF, IE. В Хроме проблемы нет. Ссылка на то что сделано http://o-blog.ru/igntv-test/ Не пойму почему происходит конфликт display-template и img-responsive p.s. над адаптивностью еще работаю, так что при не больших размерах окна много чего криво. Пока споткнулся на "фотоаппар…

    Asked by To_wave, November 6, 2014

    0 votes
    0 answers
24. Как сверстать такое?(3)

    Собственно творение: Проблема: все это один слой(в фотошопе). Задача: разьеденить товарищей в кружочках от их кружочков Идея с тупо вырезать изображанияи, и на :hover такие же, с голубым фоном как то не превлекательна!

    Asked by Flexible Curd, April 9, 2015

    0 votes
    5 answers
25. Как сверстать фон в заголовке?

    Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, как грамотно сверстать такой фон у заголовков http://www.screencapture.ru/file/96d6645B ? Я дошел до этого момента: http://jsfiddle.net/w5ukL30t/2/ Проблемы возникают с позиционированием псевдоэлементов, как сделать их таким образом, чтобы они располагались с равным отступом независимо от длины текста?

    Asked by web-monster, July 20, 2015

    • html
    • css
    0 votes
    1 answer