HTML Coding

29,542 questions in this forum

1. Размер шрифта

   В процессе резиновой вёрстки возник вопрос: Возможно ли,что бы при увеличении разрешения экрана увеличивался и текст? Если да, то каким образом это осуществить?

   Asked by GaDiV, March 26, 2011

   0 votes
   12 answers
2. Требуется совет по выпадающему меню

   У меня проблема с выпадающим меню - http://s54.radikal.ru/i146/1103/d5/e8f8e411f32f.jpg При нажатии на ссылку в 1м подменю сразу выпадают все дочерние подменю. HTML: <div id="menu"> <ul class="cat_menu" id="cat_menu"> <li><a href="" class="subcat">Новости</a> <ul> <li><a href="">Мир</a></li> <li><a href="">Видео</a></li> <li><a href="" class="subcat">Горячие новости</a> <ul> <li><a href="" class="subcat">Афиша</a> …

   Asked by Mila, March 26, 2011

   0 votes
   5 answers
3. Наследование из других классов

   Есть стиль для таблиц общий /* Tables */ table { line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; width: 100%; border-collapse: collapse; } caption { text-align: left; font-size: 20px; padding-bottom: 10px;} th, td { padding: 5px; } td { font-size: 12px; } td#next { text-align: right; } Во втором коде перекрываю с помощью !important стили таблиц, чтобы карта нормально отображалась #YMapsID table {border:none; width:270px; margin:0 !important;} #YMapsID th, td, tr { padding: 0px; border:none !important; } Но при этом это влияет на общий табличный стиль, так как он начинает думать, что стили для карт важнее собственных. Если сделать наоборот, т…

   Asked by acornwalle, March 26, 2011

   0 votes
   3 answers
4. как передать $_POST[] через select

   Что имеем: index.php <form method="post"> <select name="newcat" onchange="self.location.href=this.form.newcat.options[this.form.newcat.selectedIndex].value;"> <option value="">Быберите действие</option> <option value="show.php">показать</option> <option value="hide.php">скрыть</option> <option value="delete.php">удалить</option> </select> <input type="checkbox" name="Del[]" value="1" /> 1 <br /> <input type="checkbox" name="Del[]" value="2" /> 2 <br /> <input type="checkbox" name="Del[]" value="3" /> 3 <br /> <input type="checkbox" name="Del[]" value="4" /> 4 &l…

   Asked by kukurikan, March 26, 2011

   0 votes
   9 answers
5. Фиксированный макет сайта 2012

   Меня интересует фиксированная ширина главной колонки сайта с текстом, ориентируясь на 2012 год? Подробнее Сегодня март 2011 – в магазинах продают в основном мониторы размером 1330пх и шире. сегодня статистика разрешений экрана в интернете - 1280x1024+ 48% 1024x768+ 23% 1440x900+ 19% 2560x1440 - 0,3% 800x600 - 1,5% Глядя на это напрашивается ширина фиксированного сайта 960-980 или 1200-1220 пх. С этим ясно, но дальше я сомневаюсь. Меня интересует ширина главной колонки с текстом. Какую нужно выбрать, чтобы приятно, для глаз, было читать на разных мониторах? И какой выбрать размер шрифта? У меня мониторы 1024x768 и 1440x900, поэтому как смотрится на боле…

   Asked by AleksejR, March 26, 2011

   0 votes
   4 answers
6. IE 7 и список

   Здраствуйте, возник странный баг в IE 7.Как всегда два скрина - http://habreffect.ru/files/1e4/1ef1a9daa/Безымянный.png - - - IE 7 - http://habreffect.ru/files/910/c0fe69e45/Безымянный.png - - - IE 8 Как мы видим у нас в IE 7 появлаеться отступ справа, из за етого изчезает пункт реклама. Немножко кода #speedbar { background: url('../images/speedbar-bg.png') repeat-x; height: 65px; } .speedleft, .speed-menu, .speed-menu ul, .speed-menu ul li, .speedright, .speed-search { height: 59px; } .speedleft { background: #069ac8 url('../images/speedbar-bg.png') repeat-x; border-bottom: 1px solid #84d7e9; border-right: 1px solid #0e5e74; float: left; width: 58.8%; } …

   Asked by Mr.Black, March 26, 2011

   0 votes
   4 answers
7. Значения атрибутов в HTML5 и кавычки

   HTML4 был приложением SGML и опускать кавычки вокруг значений атрибутов можно было только тогда, когда значения атрибутов не содержали других символов, кроме буквенно-цифровых, точки, тире, двоеточия, знака подчеркивания. В черновом варианте HTML5 от 13.01.2011 говорится: То есть допускаются любые символы, кроме: " ' ` = < или >. Хорошо, создаем валидный HTML5 документ, потом в значение какого-либо атрибута добавляем любой другой из вроде бы допустимых символов и опускаем кавычки. Согласно черновику HTML5, документ должен остаться быть валидным, но validator.w3.org говорит невалидный документ! Так где допущена ошибка на validator.w3.org или в черновом варианте HTM…

   Asked by andyp, March 26, 2011

   0 votes
   3 answers
8. Верстка

   Привет всем!!! Народ подскажите пожалуйста как сделать что бы при наведении в ссылке текст не смещался в левый верхний угол? вот код: <div class="menu" > <div id="bl_1"><a href class="tek"="#">Наименование</a></div> <div id="bl_2"><a href class="tek"="#">Мозаика</a></div> <div id="bl_3"><a href class="tek"="#">Материалы</a> </div> CSS .tek{ position: absolute; margin-top:5px; font-size: 12px; text-decoration:none; margin-left:5px; font-weight:bold; } .menu #bl_1 a:hover{ background:url('../images/bl_1_hover.GIF'); margin-top:1px; width:197px; margin-left:0px; height:30px; color:#FFFFFF; positio…

   Asked by Unger, March 26, 2011

   0 votes
   16 answers
9. Как застаить понимать HTML5 все браузеры?

   Интересует корректное отображение даже в древнейшем IE5. Есть ли способ заставить их понимать всё богатство HTML5?

   Asked by 1284metra, March 27, 2011

   0 votes
   22 answers
10. форма поиска с выбором поисковой машины

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

    Asked by darkziman, March 27, 2011

    0 votes
    1 answer
11. Пара скругленных углов

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

    Asked by Goldie, March 27, 2011

    0 votes
    8 answers
12. png IE 6 table fix

    hi! Знаю что в инете море решений, но не где нет описания как фиксить png в table! Помогите решить проблему png прозрачности в ИЕ6 Нужно чтобы png идущии background-ом c repeat в table, а конкретнее в td фиксился. Попробовал ВСЕ!!! - фильтры - DD_belatedPNG - jQuery pngFix - behavior: url("pngbehavior.htc"); НЕ ПАШЕТ example http://hyp.gendalf.tmweb.ru/html/ Кто сталкивался с png прозрачностью именно для table, кто знает решение!?(для других html узлов все ок, все пашет)

    Asked by medium, March 27, 2011

    0 votes
    5 answers
13. Кодировка

    Пытаюсь освоить CMS MODx, хотя и фундаментальных знаний пока не хватает. Вопрос вот в чем: В настройках CMS указана кодировка utf8, в коде страницы тоже utf8 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <title>Realistic</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="imagetoolbar" content="no" /> <link rel="stylesheet" href="/assets/templates/var2/styles/layout.css" type="text/css" /> &…

    Asked by inok, March 27, 2011

    0 votes
    6 answers
14. замена адреса в ссылке

    Всем доброго времени суток. Просьба помочь, т.к в js вообще тока начал разбираться, пока для меня тёмный лес. На странице грузится картинка, при наведении на нее мышкой появляется окно с картинкой только уже большой <a name="bigImg" href="/goods/man/big/foto-1.jpg" class = "cloud-zoom" id="zoom1" rel="adjustX: 20, adjustY: -95"> <img name="shirt" src="/goods/man/smoll/foto-1.jpg" title="" alt="" /></a> Мне через select нужно менять эти картинки, делаю так HTML для формы 1 <select size="1" name="color" onChange="changeShirt(this.form)"> 2 <option value="white"> белый</option> 3 <option value="red"> красный</option>…

    Asked by vadim525, March 27, 2011

    0 votes
    1 answer
15. Повышение квалификации. Критика

    Здравствуйте. Нужен разбор нижеследующего кода. Не ахти какая сложная вёрстка, нужно узнать что же я наверстал на самом деле . Данный код представлен как строгий xhtml 1.0, но я не вижу причин, по которым он не мог бы корректно отображаться в IE6 или как HTML 4-5 (естественно, придёться подкорректировать некоторые "лишние" мелочи например самозакрывающиеся тэги). Где можно толково почитать про вёрстку под CMS: Joomla, Wordpress и т.д. Со временем собираюсь выложить сюда шаблоны под них тоже. Ссылка: http://rat-worker.ucoz.ru Очень хочу сориентироваться. Спасибо.

    Asked by RatWorker, March 27, 2011

    0 votes
    3 answers
16. background vs text

    Добрый день. Прошу вашей помощи, форумчани Имеется вот такое бг и текст. Бг это серые полоски по бокам, которые доходят до текста. Текст не фиксированный по ширине, пример на скринах Как такое можно реализовать? Макет сам резиновый Имеется вот такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css" > table { width: 100%; } table td { vertical-align: top; height: 100px; …

    Asked by Temiks, June 19, 2011

    0 votes
    11 answers
17. Поблема с работой в Safari

    Всем привет. Столкнулся с такой проблемой, не работает смена цвета фона в сафари, в <div id="block">BLOCK</div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> #block{ margin:auto; width:200px; height:100px; text-align:center; line-height:100px; border:solid 1px; background-color: #b5ff71; } </style> <script type="text/javascript"> function red() {document.getElementById("block").style.backgroundColor="red"} function blue() {document.getElementById("block").style.backgroundColor=…

    Asked by profmodder, March 27, 2011

    0 votes
    2 answers
18. Хак для всех IE

    Существует ли css-хак, чтобы изменения коснулись IE всех версий? Условные комментарии использовать нельзя.

    Asked by wildhind, March 27, 2011

    0 votes
    12 answers
19. modernizr VS html5.js? Кто лучше?

    Всем доброго времени суток. С появлением нового HTML5 встал вопрос а его кроссбраузерности. Увы, так уж сложилось, что многие пользователи пользуются мягко выражаясь (древними) браузерами такими как всеми нелюбимый IE8. Но худа без добра не бывает, и на свет появились такие полезные скрипты как modernizr и html5.js. И тут появляются вопросы: что лучше и практичней? С чем легче всего и правильней работать дабы прелести современной вёрстки не гинули в пучине древних браузеров, и даже там радовали глаз создателя. И так, что же лучше modernizr или html5.js?

    Asked by yujin11, March 27, 2011

    0 votes
    12 answers
20. Плавающие блоки

    Есть следующие блоки: http://lob1.ru/examples/block/1/ Вопрос: как сделать, чтобы было http://lob1.ru/examples/block/2/, но при этом высота блока будет неизвестна?

    Asked by Lob1AV, March 27, 2011

    0 votes
    22 answers
21. помогите с кнопкой

    Всем доброго времени суток. Помогите пожалуйста начинающему верстальщику. И так, суть проблемы: есть нарисованная картинка (кнопка без текста), хочу сделать её ссылкой, к примеру "Домой". Да так, что бы ссылкой была не только надпись внутри кнопки к примеру (<a href="#">Домой</a> в этом случае ссылкой будет надпись, а картинка (кнопка) будет как бекграунд), а ссылкой была вся кнопка + надпись "Домой" и так, что бы при изменении позиции кнопки, текст ссылки "Домой" (или любой другой) изменялся вместе со всей кнопкой. Т.е как бы кнопка - это контейнер ссылающееся на какую либо страницу и внутри неё находится описание этой ссылки к примеру ("домой" или "подробне…

    Asked by yujin11, March 27, 2011

    0 votes
    10 answers
22. Резиновая верстка

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

    Asked by GaDiV, March 28, 2011

    0 votes
    4 answers
23. Рамки таблицы в Опере при direction: rtl.

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

    Asked by swetlana, March 27, 2011

    0 votes
    6 answers
24. Пространство между двумя картинками

    Добрый день! Вопрос скорее всего элементарный, но меня на нём заклинило. Почему между двумя картинками появляется пустое пространство: пример?

    Asked by Zeboton, March 28, 2011

    0 votes
    11 answers
25. Разное отображение элементов внутри формы в разных браузерах

    Вот сцылка: _http://md.dp.ua/index.php?option=com_content&view=article&id=62 Форма поиска справа на странице. В опере отображается корректно. В мозилле строка поиска немного ниже кнопки Ок. В хроме - немного выше. В ие - норм. Плюс внизу, где форма регистрации - в ие 7 и в мозилла 3.5.. вылазит текст " * Еще нет учетной записи? Регистрация " ниже формы в которой должен находится. Подскажит, пожалуйста, в чем загвоздка?

    Asked by photograf, March 28, 2011

    0 votes
    3 answers