HTML Coding

29,542 questions in this forum

1. Верстка меню

   Здравствуйте! Хочу попросить помощь в правке верстки меню... Верстал не я, но поправить надо! Меню сверстано на дивах так: <div class="header_menu"><div class="r"><div class="c"> <ul> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> <li><a href="">4</a></li> <li><a href="">5</a></li> <li><a href="">6</a></li> <li><a href="">7</a></li> </ul> <div class="clear"><img src="site.ru/images/space…

   Asked by caelicola, March 19, 2010

   0 votes
   9 answers
2. Изображение внизу меню с отступом

   Всем доброго времени суток, делаю сайт...столкнулся с неприятной проблемой, нуждаюсь в вашей помощи. Суть проблемы: в блоке который растягивается есть бэкграунд, который отображается в самом низу, моя задача вставить в тот бэкграунд в "рамочку для изображений" изображение, которое будет выдавать скрипт...прописал диву позицию релатив и bottom опр.число, сдвигов вообще никаких...поколдовал, поколдовал...ничего...вот прошу вашей помощи...урл сайта: http://pwow.ucoz.com ибо думаю тупо копить суда код бессмыслено....зайдите в новость lorem ipsum и сами всё увидите, как ничего не растягивается...при bottom:72px, хотя есть сделать position:fixed всё снизу отсупает...но мне то н…

   Asked by LeoBit, March 19, 2010

   0 votes
   0 answers
3. Редко используемый шрифт в макете как логичнее быть

   Есть макет в нем шрифты в этом случае Century Gothic, так вот как этот сделать Century Gothic в верстке. Уже много раз возникала подобная ситуация я просто подбирал подобный в верске нужного размера. Например на Century Gothic похож шрифт Verdana. А если хочется сделать так как в макете, а именно использовать этот шрифт как быть или логичнее всетаки не использовать подобные шрифты.

   Asked by voooodoo, March 19, 2010

   0 votes
   7 answers
4. меню уезжает

   Пытался сделать менюшку, вроде получилось, только она почему-то съезжает. http://srv19341.ht-test.ru/index.php .menu ul { list-style:none; } .menu li { width:80px; float:left; position:relative; } .menu li ul { display:none; position:absolute; z-index:1; } .menu li a{ padding:5px; text-decoration:none; color:#CCC; padding:2px; border:1px solid #666; display:block; border-collapse:collapse; } .menu li a:hover { background:#666; } .menu li:hover ul, li.over ul { display: block; } Если честно последний пункт я просто слизал. Что значит li:hover ul, li.over ul ? И почему не работает border-collapse:collapse; ?

   Asked by sh1va, March 20, 2010

   0 votes
   2 answers
5. Нуждаюсь в экстренной помощи. JS/Резина

   Приветствую! Господа, нужна помощь. Есть макет. Вопрос в том, как его сверстать таким образом, что бы при уменьшении окна броузера сжимались все картинки, совершенно ВСЕ, как логотип, так и кнопки и букет (в данном случае). Потому, если оставить все изображения как есть, они остаются при малых разрешениях монитора ГРОМАДНЫ. Для наглядки — Посоветовали скрипт — http://designformasters.info/stuff/adaptiv...ayout_news.html При сжатии и разжатии окна броузера, Вы заметите как себя ведет скрипт. Но вопрос, как его использовать? Ссылку на скрипт в документе html указал, все классы в css соответствующие скрипту так же указал. Реакции нет. В чем моя ошибка? Спасибо.

   Asked by Bondarov, March 20, 2010

   0 votes
   9 answers
6. Как сделать активным поле textarea при нажатии на checkbox?

   Ребят, помогите с кодом. Как при помощи javascript сделать так, чтобы при нажатии на checkbox становилось активным поле textarea и наоборот?

   Asked by sergey_sergey, March 20, 2010

   0 votes
   3 answers
7. Отмена наследования CSS для кнопок

   Собственно говоря отменить наследование, я думаю не получится. Есть кусок html кода, который выводиться на страницу с помощью внешнего javascript . В нём есть кнопки <input type="submit />. Никаких стилей к этим кнопкам изначально не планировалось, т.е. они отображались со значениями по умолчанию (выглядели так же как все системные кнопки в ОС). Проблема появилась после того как на странице поменялась тема оформления. Добавились дополнительные стили для элементов управления: background, border-width, border-style. Отключить эти стили нет возможности. Из-за них все стало «прыгать» и отображаться не так как надо. Подскажите, пожалуйста какие значения нужно указать эти…

   Asked by chi, March 20, 2010

   0 votes
   9 answers
8. Помогите найти шаблон для joomla 1.5

   Помогите пожалуйста найти бесплатные шаблоны под joomla чтобы примерно получился вот такой сайт http://www.delaydengi.com/ И шаблоны под такой сайт http://www.webpark.ru/ Нужны определённые шабоны, желательно с ссылкой на них, а не ответы типа Поищи в гугл. В первый раз создаю сайт, искал шаблоны в гугл и не один под эти сайты не подошёл. Спасибо!

   Asked by Maximalistik, March 20, 2010

   0 votes
   4 answers
9. CSS не могу понять в чем дело

   Есть такая проблема: Сверстан шаблон, в div блоках нахолятся таблицы с дизайном, соответсвенно в каждой ячейке картинка background-image: (url/...) Когда код css находится в <head>...<style>...код css...</style></head> то все нормально отображается, но толко стоит засунуть CSS в файл например style.css то весь дизайн(картинки) пропадает. текстотвые стили, позиционирование блоков отображетеся нормально подключаю файл через <link rel="stylesheet" href="css/style.css" type="text/css">

   Asked by octavian, March 20, 2010

   0 votes
   2 answers
10. Рамка банера

    Рамка не облегает картинку, а растягивается по длине, не получается делать так, чтоб она облегала чисто картинку. Вот исходник style.css #baner{border-color:orange; text-align:center; border-style:ridge; border-width:15px; } HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <head><title>Банер</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <div id="baner"><img src="baner.jpg" alt="Фото "></div> <body> </body> </HTML> Вот результат фото нижу. http://slim.filesurf.ru/20100320/00000010/...ip_image002.jpg

    Asked by people2010, March 20, 2010

    0 votes
    6 answers
11. Очень простой вопрос

    Вопрос очень прост, возможно ли использование двух классов для одного блочного тега. Пример <div class="alfa" class="beta"></div>. Правильно ли это с точки зрения синтаксиса, если да, то как они могут между собой конфликтовать?

    Asked by svdsLis, March 20, 2010

    0 votes
    10 answers
12. Всплывающие подсказки

    Title корректно обрабатывается в теге img только в IE. Опера и Мозилла не выводят всплывающую подсказку. Решение только в переносе title из img в a href?

    Asked by Эдди, March 20, 2010

    0 votes
    2 answers
13. Как реализовать такое?

    http://clip2net.com/page/m0/4750491 как такое реализовать?

    Asked by Mitshan, March 21, 2010

    0 votes
    4 answers
14. Якорь

    возможно ли к input type="submit" прицепить якорь ?

    Asked by amerov, March 21, 2010

    0 votes
    2 answers
15. Dreamweaver CS4 + use css instead of html files

    Dreamweaver 8 была такая опция как "use css instead of html files", где эта опция включается в Dreamweaver CS4 ?

    Asked by pribl, March 21, 2010

    0 votes
    0 answers
16. Непонятная ошибка

    Валидатор ругается на строчку Line 20, Column 78: document type does not allow element "style" here …document.write('<style type="text/css">.tabber{display:none;}</style>');</scri… The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed). One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for …

    Asked by Yahoo!, March 21, 2010

    0 votes
    7 answers
17. верстка документа

    Подскажите пожалуйста, как правильно написать строку кода что-бы 3-4 картинки(фото) менялись через 3-4 секунды

    Asked by balko, March 21, 2010

    0 votes
    4 answers
18. Отображение флєш в браузере Опера

    Первый раз в жизни создал и немного потренировался создавать флэш. При сохранении анимации, программа сгенерировала html-код и сам файл флєш,весящий нкмного. Вот исходник сгенерированный: <HTML> <HEAD> <meta http-equiv=Content-Type content="text/html; charset="> <TITLE>Без названия-9</TITLE> </HEAD> <BODY bgcolor="#FFFFFF"> <!-- URL's used in the movie--> <!-- text used in the movie--> <!--ТСКЕ--><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="550" HEIGHT="400" id="Без названия-9" ALIGN="</…

    Asked by people2010, March 21, 2010

    0 votes
    1 answer
19. помогите вставить нарезанную картинку в шапку

    Предыстория: был табличный сайт. Решил перейти на блочный. Начал вставлять старую нарезанную картинку в шапку, все беспорядочно расплылось Помогите с кодом. Вот скрин страницы: http://img299.imageshack.us/img299/8836/22141668.png <head> <title>дивный дизайн</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style> #page{ height:400px; width:100%auto; background:#FF6666; } #header{ height:100px; width: 100% auto; background:#009966; } #main{ float:left; width:100%; background:#999900; } #content{ margin-right:200px; background:orange; } #menu{ margin-left:-200px; float:right; width:200px; backgroun…

    Asked by Walsidalv, March 22, 2010

    0 votes
    1 answer
20. Проблема с FireFox

    Опять прошу помощи В общем появляется горизонтальный скролл при сужении в фф... нужно чтоб желтые блоки заходили за границы браузера или быть резиновыми и сужаться... на их место в оригинале идут картинки которые появляются только при растягивании окна... при сужении они должны заходить за границы. тупо отслеживать скриптом фф и отключать ему горизонтальный скролл как то не вариант совсем =)))) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <STYLE type="…

    Asked by «««one»»», March 22, 2010

    0 votes
    21 answers
21. Проблема спика в Safari и Chrome

    День добрый! Проблема следущая. ПРи построении горизонтального списка с float: left в firefox,msi и opera, отображается корректно: но в chrome и safari выдает такую бяку: Конструкция списка html: <div class="cpt_product_lists"> <ul > <li> </li> </ul> </div> Css: .cpt_product_lists ul { list-style:none; margin:0; padding:0;} .cpt_product_lists ul li { float:left; margin: 20px 8px 0 17px; border: 1px dashed #666; } Реальный пример сайта: пример Помогите пожалуйста, танцую с буном уже 4 час, менял конструкцию на li c inline-block, и на li с overflow:hidden, ни чего не помогает.

    Asked by san4es_86, March 22, 2010

    0 votes
    5 answers
22. видео в всплывающем блоке

    нужно реализовать видео(флв) в всплывающем блоке. примерное ТЗ - чтоб при нажатии на картинку всплывал блок (по типу хайслайда), и в нём проигрывалось видео в формате ФЛВ. как плеер я решил использовать УППОД. а как всплывку посоветовали некое НироМОДЕЛ. одна беда, английский я очень слабо понима(МСДН читать могу, но с трудом), подскажите пожалуйста как всё ето вставить в сайт на ДЛЕ(8.4), или посоветуйте альтернативу)

    Asked by Proks, March 22, 2010

    0 votes
    1 answer
23. Знатоки CSS, как уравнять позиции модуля и картинки?

    Знатоки CSS, помогите разобраться пожалуйста. У меня картинка sam_header.jpg, что сидит в .ja-headermask width: 1010px; Так вот эта картинка шапки сайта получается меньше, чем модуль основного окна под ней, видите, справа выступает серая полоска... http://www.hm-news.ru/ Никак не могу найти как бы их по размеру подогнать, подскажите пожалуйста. заранее спасибо /* COMMON STYLE ——————————————————— */ html, body, form, fieldset { margin: 0; padding: 0; } body { color: #000000; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; line-height: 150%; } body#bd { color: #333333; background: #F2F2F2; } body.clearfixpane { width: auto; /* Printable Page */ …

    Asked by vovchikku, March 22, 2010

    0 votes
    3 answers
24. Проблема с PaddingОМ

    Внутри DIVа другой DIV, Padding между контентом и внутренним дивом не могу задать "0", вот код: Body, html { padding: 0 ; margin: 0 ; text-align: center ; } #alldiv { width:1000px; min-width:700px; min-height:700px; border-left: thin solid #dddddd ; border-right: thin solid #dddddd ; margin:0 auto; } } #headdiv { background:url(img/01_02.gif) repeat-x; width:900px; height:165px; } #menudiv { float: left ; width: 194px ; line-height: normal ; font-size: 10pt ; font-family: verdana, geneva, sans-serif ; font-weight: bold ; background-color: #ffffff ; padding-right: 40px ; padding-left: 0 ; border: 1px solid black; } …

    Asked by sv12, March 23, 2010

    0 votes
    2 answers
25. Не понятки со слоями

    <style type="text/css"> #test1 { margin: 1em auto; z-index: -1; width: 1020px; height: 240px; } </style> <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center"> <td align="center" valign="top" style="background:#FF0000"> <div id="test" align="center" style="background:#000000 no-repeat; width:1024px; height:254px"> <div id="test1">Если изображения не видно, обновите страницу браузера</div> </div> </td> </tr> </table> задача сделать <td align="center" valign="top" style="background:#FF0000"> самым нижним слоем, потом id="test1" и самый верхний id="test" Что только н…

    Asked by slavok47, March 23, 2010

    0 votes
    14 answers