HTML Coding

29542 questions in this forum

1. менюха скачет

   проблема в том что скачут элементы меню, прекрасно это видно если по очереди нажимать "Продукция" и "Почему мы?". в коде вроде ничего левого нету, но класс menu_on почему-то не наследует неуказанных мной свойств родителя <a>. вот CSS: a.menu{text-decoration:none; color:#ff6414;} a.menu_on{text-decoration:none; color:#14cb06; padding-left:40px;} a.menu:visited{color:#ff6414;} a.menu:hover{text-decoration:none;color:#14cb06;} вот XHTML 1.0: <div id="navigation"> <a href="index.html" class="menu_on">Главная</a> <a href="products.html" class="menu">Продукция</a> <a href="why.html" class="menu">Почему мы?</a> <a href=…

   Asked by Kos87, November 22, 2009

   0 votes
   11 answers
2. <select> <option> форматировать текст списка

   Есть список вида: <select> <option>1234 123 123</option> <option>123 1 1</option> </select> Нужно чтобы в выпадающем списке столбцы располагались друг под другом, прим: 1234 123 123 123 1 1 Но добавка пробелов ничего не дает, они просто сокращаются до 1 пробела. Если вместо пробелов использовать нижнее подчеркивание, то тоже не получается, ширина букв разная. Пробовал span`ами и pre, тоже не работает. Даже таблицу пробовал делать внутри тэгов option - не помогает Может еще какие варианты подскажите?

   Asked by Metallic, February 20, 2012

   0 votes
   8 answers
3. Блок улетает вниз в IE7

   Привет! Подскажите пожалуйста как мне укротить упрямого тупого осла под названием IE7 (в ИЕ6 наверное также) ? Везде ДИВ 3 и ДИВ 4 нормально отображаются, даже в ИЕ8. А в ИЕ7 они улетают вниз. Пробовал их вкладывать в 1 общий ДИВ но не помогло. В картинке шлю скрин проблемы. Сайт где посмотреть вживую -- http://av-sport.ru/

   Asked by andx, October 22, 2009

   0 votes
   14 answers
4. В IE прозрачная PNG берет не правильный бэкграунд

   И так возникла проблема. Есть две картинки. Одна из них с прозрачным фоном. Нужно наложить картинку с прозрачным фоном на вторую. Делаю так: смещаю див с прозрачной картинкой: display: inline; position:relative; left: -37px; bottom: -105px; В итоге получаем правильное расположение. Прозрачная картинка на непрозрачной второй. НО! В IE получаем белый фон у картинки с прозрачным фоном! Этот фон IE берет из !изначального места расположения картинки, до сдвига с помощью display: inline; position:relative; left: -37px; bottom: -105px; Т.е если у контейнера с картинками фон синий - у прозрачной картинки тоже будет синий фон Как это побороть? Этот баг только в IE в осталь…

   Asked by alex-ks, March 7, 2010

   0 votes
   5 answers
5. ссылка углы и градиент

   пытаюсь сделать на ссылки в меню и закругленные углы и градиент. вот тут справа меню. собственно интересуют IE6-8. пробовал разными комбинациями скриптов: DD_roundies - PIE.htc пробовал сделать градиент предварительно сгенерировав на display-inline.fr пробовал сделать скриптами как тут http://www.konstantinbaev.ru/cg/ (и вроде как работает нормально) но. ссылки не должны ограничиваться по высоте, потому как х.з. какая ссылка будет. (в последнем примере как раз ограничение по высоте) в общем кто делал? подскажите плиз. DD_roundies - PIE.htc перекрывают друг друга, и поэтому работает только что то одно.

   Asked by npofopr, October 10, 2010

   0 votes
   18 answers
6. Легенький макет поверстать для "зеленого" новичка

   Подскажите где найти или скиньке кто-то легенькие макеты для "зеленого" новичка поверстать. Я только начал изучать верстку и еще не чего толкового не верстал. Очень уж хочется все это осилить)))

   Asked by art-ajn, June 16, 2013

   0 votes
   25 answers
7. Вертикальное выравнивание текста в блоке

   Можно ли как нибудь вертикально выровнять текст без заголовка в блоке. Че только не пытался сделать ничего не прет.

   Asked by USSURISK-MAN, January 24, 2008

   0 votes
   8 answers
8. Резиновый дизайн

   На данном сайте есть пример двухколоночного резинового макета. Там же есть место "подвалу". Так вот, если высота содержимого любого из столбцов меньше высоты страницы, то подвал будет висеть посередине страницы, прижавшись к самому "объемистому" столбцу. Воспользовавшись же различными советами в инете по размещению футера внизу страницы, абсолютно спозиционировав его внизу страницы или родительского блока, обнаружил, что столбец, спозиционированный с помощью float, не "толкает" его вниз, подобно элементу, спозиционированному как "relative", т.е. ведет себя как абсолютно-позиционированный. Получается, что если в столбце меню больше контента (часто бывает такое), то футер н…

   Asked by клот2, July 31, 2007

   0 votes
   3 answers
9. шапка на месте

   как так сделали что содержимое скролится а шапка на месте? http://www.rainbowmonkey.de/illustration.html слои? какие должны быть параметры?

   Asked by bART, August 30, 2007

   0 votes
   3 answers
10. Размеры сайта для разных разрешений

    Доброго времени суток. Я уже чуть чуть знаю html\css, но считаю, что мой вопрос ближе к новичковому вопросу. Обычно сайт оптимизируют под какое то разрешение, например я свой сайт оптимизировал для 1024х768. В этом случае, если просматривать его при большем разрешении, то по краям получаются пустые полоски. Просматривая другие сайты я увидел, что они как то растягиваются по ширине. Например этот же форум. Он без проблем растягивается в ширину и всегда на полный экран. Я понимаю, что этот форум написан не на html, а php, но я думаю, что и простые пхп странички можно сделать таким же образом. Наверное это нереально сделать с центрируемой шапкой...

    Asked by Visage, January 29, 2009

    0 votes
    12 answers
11. Как убрать вертикальный скролл если высота 100%

    Добрый день! Второй день мучаюсь не могу найти ничего по данной проблеме! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>test</title> <style> html, body { height: 100%; widht: 100%; padding: 0; margin: 0; } .wrap{ height: 100%; width: 100%; padding: 0; margin: 0; position: relative; } .header{ height: 50px; width: 100%; background: blue; } .content{ height: 100%; min-height: 100%; padding: 10px 0; width: 100%; background: yellow; } .footer{ display: table-row; height: 30px; width: 100%; background: re…

    Asked by pati, October 20, 2011

    0 votes
    3 answers
12. В чем ошибка?

    Подскажите, что я сделала не так в написании стиля страницы body { font-size: 500%; font-family: Arial, Verdana, sans-serif; text-align: center background: #333; color: red; } Цвет и размер текста воспринимает, а остальное нет.

    Asked by losso, August 29, 2008

    0 votes
    7 answers
13. как выровнять div по низу страницы?

    Всем привет! Начал верстать дивами недавно (все делал таблицами). Вот сейчас столкнулся с проблемой (весь код приводить не буду, ибо существенна его ооочень малая часть): У меня есть div, который я использую в качестве фона. У него есть z-index соответственно равен 1)) впрочем приведу все его свойства: #bg {z-index: 1; min-width: 1024; float: left; position: absolute; opacity: 0.95; filter: alpha(opacity=95) vertical-align: bottom;} в нем, соответственно содержится фоновая картинка, которая должна растягиваться/сжиматься до определенной степени в зависимости от размеров окна. Ее свойства css: #bg img{width: 100%; min-width: 1024;} слоем выше у меня находится контент, кото…

    Asked by rockerror, August 5, 2009

    0 votes
    2 answers
14. три колонки на div для разного фона по краям

    был вариант: фон: body { background-image: url(../img/bg.jpg); background-repeat: repeat-x; background-position: center top; } сам сайт: .container { min-width:900px; max-width:1600px; width:100%; } т.е. снизу был повторяющийся фон который сочитался с шапкой сайта и если окно становилось шире картинки в шапке то он ее продолжал в обе стороны. Теперь хочется сделать вариант когда слева и справа шапки должен быть разный повторяющийся фон. направо уходит бесконечный хвост от логотипа например. 3 колонки делаются по примерам так: .container_main { position: relative; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } .container_center { width:90%; margin: 0px 5% 0px …

    Asked by severum, December 28, 2009

    0 votes
    8 answers
15. Прозрачный фон

    Привет всем! Не подскажите, каким образом можно сделать фон блока прозрачным и как эту прозрачность отрегулировать? Скриншот желаемого: Про пнг наверное думать не стоит, т.к. в ИЕ работать не будет, а в данном случае меня это не устраивает, ведь блок расположен на фотке юзера, и если в ИЕ этот блок будет залит черным, и закрывать часть фотки, то это не айс конечно)

    Asked by nickostyle, January 21, 2011

    0 votes
    12 answers
16. 2 формы 1 в 1, но 1 не работает

    http://www.zierer.ru/buy.php - не работает http://www.activeheat.ru/contacts.php - работает Никак не могу найти причину, почему после отправки форма на сайте zierer.ru возвращает страницу сайта, а не сообщение об успешной доставке. Форма на AJAX + JS + PHP + CSS... Думаю причину искать надо где-то в конфликте HTML,... но никак не найду... Помогите, пожалуйста.

    Asked by allmoney.ws, August 17, 2007

    0 votes
    2 answers
17. Таблицы сползают

    Пожалуйста для начала скачайте приложеный файл, именно там проблемная страничка, с подробным описанием http://webber-site.narod.ru/Forum.rar 2kb ..идея такова - зафиксировать это вс? чудо на одном месте, так чтоб все было одно под другим с пробелом в 10 пикселов, и чтоб оно там намертво лежало! в свою очередь в таблице ?1 должно вводиться довольное количество текста... ..как мне разобратся с этим? все сделано таблицами, они имеют свою высоту, и выравнивание, но почему то его не соблюдают..

    Asked by Webber, August 26, 2007

    0 votes
    5 answers
18. Как снять форматирование ссылок для картинки

    http://ktp-stankin.msk.ru/bak/?p=cat1&c=3&subc=13 вот тут надо чтобы картинки при наведении не подчеркивались точками..как это можно сделать? что-то самому не получилось картинки, как и текст лежат в блоке #content #content a{ color: #1512ad!important; text-decoration:none; font-weight: bold; } #content a:hover{ color: #1512ad; text-decoration:none; border-bottom: 1px dotted #1512ad; font-weight: bold; } зы вариант убрать подчеркивание ссылок точками вообще не принимается) ззы сайт еще пишется...так что на все остальное не обращайте внимания) а ... и еще..помещать картинки в отдельный тег, у которого прописывать стиль, тоже не вариант так как эта область з…

    Asked by paShaman, March 23, 2008

    0 votes
    6 answers
19. Как занести чекбоксы в БД

    Имеется форма: <form action="" method="GET"> <input type="checkbox" id="first" class=""> <input type="checkbox" id="second" class=""> <input type="submit"> </form> Подскажите п-ста как записать данные чекбоксов в БД? Т.е. ID отмечено не отмечено.

    Asked by Pumych, June 6, 2011

    0 votes
    7 answers
20. Вопрос по дизайну

    Доброго времени суток всем. Есть сайт, на который надо "надеть" дизайн, а именно надеть шапку, левую колонку, поле контента и футер. Допустимо ли это сделать заменой background-ов с html цветом на background-ы с ссылкой на картинку в формате jpg, или gif, png, вместо многоэтапной обработки PSD шаблона?

    Asked by slava03, May 19, 2011

    0 votes
    15 answers
21. картинка сдвигает содержимое другого div

    У меня есть div с display:table, в нем два div с display:table-cell. Проблема в том, что из за картинки в одном div смещается содержимое другого div. Помогите пожалуйста.

    Asked by mike.onl, May 25, 2016

    • css html
    0 votes
    1 answer
22. float и вложенные слои

    <div style="background: #ccc; width: 100%"> <div style="float: left; width: 300px; background: #000">123<br>123<br>123<br>123<br>123<br></div> 123 </div>В FF внутренний слой вылазит за пределы внешнего. Почему так происходит? В IE все нормально. Какой браузер отображает этот код правильно? Как сделать так, чтобы внутренний слой был слева и не вылазил за пределы внешнего слоя, не задавая фиксированную высоту внешнего слоя? Заранее спасибо за ответы.

    Asked by Cage, October 1, 2009

    0 votes
    6 answers
23. Ограничение размера

    Люди. Помогите. Можно ли как-нибудь ограничить размер картинки? Если картинка, например, 200 пикселей, то она сократится до, например, 120 пикселей, а если 60, то она и останется 60? Так возможно?

    Asked by Rasie1, November 22, 2009

    0 votes
    5 answers
24. почему код примера с htmlbook не валиден?

    Всем привет. Вопрос касается данного доктайпа: quot;-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">. Объясните или дайте ссылку где доходчиво написано как нужно писать код, чтобы с данным доктайпом он был валиден. В качестве примера можно рассмотреть код с http://www.htmlbook.ru/html/form.html <!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>Тег FORM</title> </head> <body> <form action="/cgi-bin/handler.cgi"> <b>Как по вашему мнению расшифровывается абб…

    Asked by Storm, October 11, 2007

    0 votes
    8 answers
25. Кодировка и FF 3.0

    Сделал html страничку с указанием кодировки. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> В IE 6.0 всё отображается корректно, но в FF 3.0 страница отображается в кодировке windows-1251 .. Что не так?

    Asked by milvic, January 26, 2009

    0 votes
    13 answers