HTML Coding

29542 questions in this forum

1. можно ли к li добавить свойство before?

   можно ли к li добавить свойство before? чтото добавляю и не работает, а если к h4 добавлю который возле li, то работает, а именно с li неа

   Asked by bayanruby2, January 23, 2012

   0 votes
   6 answers
2. Резиновые шрифты , реализация без js

   Сделал дизайн на разрешении 1024*600 и экране 11''. Потом оказалось, что на большом экране (1600*900, 19'') шрифт в 17px слишком мелкий. Исправил - но на маленьком экране все стало очень крупно. Как сделать резиновый шрифт, не могу нормальный мануал найти... Вот сайт

   Asked by Mosya, April 22, 2012

   0 votes
   1 answer
3. Иконки

   Здравствуйте всем. Есть такой вопрос: вот все говорят что изображения на сайте надо разделить по назначению: для оформления и картинки со смыслами, то есть имеющие отношения к содержимому сайта. И рекомендуют последних взять в тег <img>, а те что для оформления задавать строго в background. Иконки нужны для оформления, соответсвенно их берем в фон. Но иногда иконки являются ссылками, кнопками и т.п. Как им задаем эти ссылки если они в background?

   Asked by modfop, July 29, 2014

   0 votes
   9 answers
4. Картинка двигается мышью

   Тег <IMG>. Если Захватить мышью картинку, то можно ее двигать. Это нормально? Или я какие-то настройки тега не добавил?

   Asked by кэп, October 25, 2014

   0 votes
   14 answers
5. Страница на DIV.

   Не знаю как сделать, чтобы подменю не скрывалось в блоке, а появлялось по верху. В Mozille два вертикальных div-а растягиваются по размеру страницы, а в IE обтягивают текст. Это нормально? <STYLE type=text/css> body { overflow: hidden; padding: 0; margin: 0; width: 100%; height: 100%; } #header {padding: 0; margin: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; overflow: hidden; border: 1px solid #ccc; background-color: #ffd; } #left { padding: 0; margin: 0; position: absolute; top: 100px; left: 20px; bottom: 20px; overflow: auto; width: 200px; border: 1px solid #aff; } #right { padd…

   Asked by corol, October 4, 2008

   0 votes
   6 answers
6. Src в CSS

   Как использовать фон в стилях понятно,а возможно ли в стилях указывать стиль картинки типа: a:hover img{src:images/a.gif;}.

   Asked by user, December 23, 2008

   0 votes
   5 answers
7. Disabled в CSS

   Может,вопрос и детский,но я не знаю,как его сделать.Есть форма,в которой элементы ставятся в зависимости от условий в disabled.Для form не работает,приходится писать для всех элементов input.В CSS есть такое свойство?

   Asked by user, May 28, 2009

   0 votes
   5 answers
8. Атрибут background тега <td>.

   Я новичок в вёрстке и поэтому у меня возникают подобные вопросы... Просматривал список атрибутов тега <td> тут: http://htmlbook.ru/html/td.html Затем посмотрел тут: http://www.w3schools.com/TAGS/tag_td.asp И не нашёл атрибут background, который юзаю для вставки изображения фоном. Вот и возник вопрос "почему же его нет в списке на буржуйском сайте?" И ещё вопрос: - почему атрибуты разделены в три колонки тут http://www.w3schools.com/TAGS/tag_td.asp ??? Спасибо!

   Asked by sky42, July 5, 2009

   0 votes
   5 answers
9. Зафиксировать (совместить) слои с фоновой картинкой

   Доброй ночи, Возникла проблема с совмещением кучи мелких слоёв и фоновой картинки. Вот пример При наведении курсора на белую плашку с номером корпуса здание на фоновой картинке "подсвечивается". Если разрешение монитора 1366*768, то всё смотрится хорошо. Если разрешение менять в большую или меньшую сторону, то белые плашки съезжают со своих мест. Фоновая картинка растягивается под размер монитора. Как зафиксировать белые плашки, чтобы они оставались на своих местах вне зависимости от разрешения монитора? Помогите, пожалуйста, решить проблему. Заранее благодарю откликнувшихся.

   Asked by slo_nik, April 17, 2015

   0 votes
   23 answers
10. Подскажите как сверстать

    как верстать такие блоки??http://www.fotolink.su/v.php?id=50bf14499502c1be5084483d2cbf5c72 http://www.fotolink.su/v.php?id=252bf1a0e5941e24802d1b870c066395

    Asked by 0zk, October 6, 2015

    • css
    0 votes
    6 answers
11. выстроить иллюстрации по ширине экрана

    Голова кругом, а работающего решения нет: Статья оформлена картинками(рисунки,схемы, фотографии). Все картинки имеют подпись(иногда одна подпись на несколько картинок), выравненную по центру изображения. Каритнки текстом не оптекаются. ЗАДАЧА: если подряд идут несколько иллюстраций, блоки (картинка-подпись) должны выстраиваться в линию и, если возможно, центроваться по доступной ширине экрана.

    Asked by Allexandr, October 10, 2007

    0 votes
    4 answers
12. как расстянуть несколько вложенных div-вов по высоте

    Сайт со сложной версткой бэкграундов. Нужно расстянуть несколько вложенных div-вов по высоте (.wp1, .wp2, .wp3), чтобы футер при этом был прижат к низу. Расстягивается только wrapper, а .wp1, .wp2, .wp3 - НЕТ!!! Буду очень благодарен за совет. Вот код: <html> <title>Макет</title> <style type="text/css"> * {margin: 0; padding: 0;} html, body {height:100%;} body {min-height:100%;} .wrapper, .wp1, .wp2, .wp3 { position:relative;min-height:100%; height:100%; width:1000px;} * html .wrapper,* html .wp1, * html .wp2, * html .wp3 {height:100%;} /* хак для ie6 */ .header {background: blue;} .sidebar {float:left; width:200px; background: red;} .content {flo…

    Asked by sarlv, December 19, 2008

    0 votes
    2 answers
13. Кодировка в ссылке

    Здравствуйте, снова! Хотелось бы сделать кнопку добавления поста в блог ЖЖ. Но столкнулся с проблемой, поясню на примере. Имеем ссылку: http://www.livejournal.com/update.bml?event=http://htmlbook.ru/faq/&subject=Нашел нужное инфо на HTML используем так: <a rel="nofollow" href="http://www.livejournal.com/update.bml?event=http://htmlbook.ru/faq/&subject=Нашел нужное инфо на HTML" target="_blank" title="Опубликовать в своем блоге livejournal.com">тест</a> </div> тест Ссылка и текст генерируются автоматом - различные на каждой странице (средствами PHP). Но вот вопрос: При переходе с сайта с кодировкой UTF - всё без проблем, пост создается, читаемый…

    Asked by Ich, May 14, 2010

    0 votes
    3 answers
14. Сохранение положения параметра select

    Есть форма на пхп. Там выбор валюты посредством выпадающего select. Жмешь на кнопку рассчитать и выбор сбивается, устанавливается по дефолту первый. Как сделать, чтобы сохранялся выбранный пункт select?

    Asked by onsite, July 27, 2011

    0 votes
    3 answers
15. Смена изображения при наведении

    Всем привет! У меня имеется элемент, к которому прикреплено изображение в "чёрно-белом формате". При наведении на него мне необходимо, чтобы изображение менялось на "жёлтый формат". Пробовал через :hover - что-то не получается. CSS код: #fdct:hover { position: relative; width: 256px; height: 256px; background-image: url('fdct2.png'); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); } #fdct { position: relative; width: 256px; height: 256px; background-image: url('fdct1.png');…

    Asked by Feers1de, September 26, 2012

    0 votes
    10 answers
16. Семейство шрифтов смотрится по разному в современных FF и Chrome

    Здравствуйте. Заметил, что используемое семейство шрифтов Verdana bold сгенерированное на font2web.com выглядит по разному в Хроме 23 и Фаерфоксе 17. Это нормально?

    Asked by borus, December 14, 2012

    0 votes
    7 answers
17. Как сверстать такой простой сайт с 3-я колонками, заголовком и подвалом?

    Если б порядком не замучился, то не стал бы заводить эту простую тему. Везде написано, что сейчас таблицы не нужно использовать для верстки, а нужны Div. Подскажите, как сверстать такой сайт - по типу сайтов с фотками и картинками. По высоте он будет на 100% страницы. Сверху будет заголовок с меню навигации. Снизу будет 3 колонки. В средней колонке будет картинка и она должна вся умещаться. Полос прокрутки в этом блоке быть не должно. Должен изменяться размер исходной картинки в этом блоке. Слева будет динамическое раскрывающееся меню. Оно может быть длинным - там нужна полоса прокрутки. Справа будет доп информация, тоже может понадобиться полоса прокрутки. Снизу буд…

    Asked by igmar, November 11, 2015

    0 votes
    11 answers
18. frD-Меню поехало по ширине

    Добрый день! Помогите обуздать меню.... http://xanonline.com/ Фиксированную ширину, чтобы слова вниз переносились....

    Asked by loure, August 11, 2007

    0 votes
    3 answers
19. не работает align

    В одном из тегов значение align="center" действует только в самом файле, а если выношу в CSS, то как будто его и нет. Отчего это может быть?

    Asked by anvash, January 16, 2008

    0 votes
    3 answers
20. проблемы вложенности слоев

    Привет. все браузеры вроде отображают правильно, но Opera не хочет растягивать фон заднего слоя полностью, лишь частично. для наглядности вот страница http://rhcp.info/test/ Заднему фону синим цветом соответвует слой <div id="content">: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>xxx </title> <link rel="stylesheet" type="text/css" href="menu.css"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="script.js"></script> <…

    Asked by TOREN, November 9, 2008

    0 votes
    4 answers
21. Неубиваемые границы <iframe>'ов в IE7

    В IE7 никакими способами не удалось скрыть границы iframe ов Пробовал *{ border: none; } на странице с фреймами и на страницах с содержимым для проверки. Результат - нулевой. Есть еще какие-то варианты?

    Asked by ins, December 26, 2008

    0 votes
    2 answers
22. Интерфейсы

    Кто что может рассказать про верстку web-интерфейсов? Что это вообще такое, как часто используется и что можно почитать на эту тему? У кого опыт есть? А то что-то в гугле ничего толком не увидел. Спасибо.

    Asked by DjTarik, May 31, 2011

    0 votes
    5 answers
23. Ошибка валидации.

    Здравствуйте. Сегодня возникла проблема, при проверки валидности сайта: Line 2, Column 1: No explicit character encoding declaration has been seen yet (assumed utf-8) but the document contains non-ASCII. ... <!DOCTYPE html><html lang=ru><head><meta charset="UTF-8"><title> Line 2, Column 1: Element head is missing a required instance of child element title. ... <!DOCTYPE html><html lang=ru><head><meta charset="UTF-8"><title> И еще три связанных с этим ошибки. Как я понял это из-за пустой строки перед кодом страницы, но в самом коде этой строки нет, она появляется только в валидаторе и исходном коде страницы. Может…

    Asked by Strikepark, November 10, 2012

    0 votes
    0 answers
24. Fixed 0 auto no-scroll

    Есть блок: position: fixed; margin:0 auto; width:1200px; height:59px; И ниже этого блока тело сайта. При сужении окна браузера до меньшей величины чем ширина сайта при горизонтальном скроле, скролится только тело сайта, а фиксед блок остается на месте прилипший к левой стороне. Подскажите что сделать что-бы этот блок скролился вместе с телом сайта.

    Asked by jontsk, May 27, 2014

    0 votes
    7 answers
25. Треугольник-стрелка средствами css

    Здравствуйте! Подскажите, как сделать, чтобы треугольник-стрелка перекрывала border (см. картинку, как должно быть ) ? z-index почему-то не помогает... У меня получилось так

    Asked by Alfa2015, February 6, 2016

    0 votes
    3 answers