HTML Coding

29,542 questions in this forum

1. три колонки на 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
2. Выравнивание ячеек в соседних таблицах

   Здравствуйте! Долгое время обходился инфой, размещенной на сайте http://www.htmlbook.ru (за что авторам ОГРОМНОЕ спасибо), но вот пришло время, когда необходимо спросить у асов Есть три таблички: Задумка состоит в том, чтобы обведенная часть (это по сути ячейка) выравнивалась по нижней границе области. Проблема в том, что каждая из таблиц генерируется отдельно, и задать однозначно высоту ее нельзя, но при этом ячейки в двух таблицах необходимо выравнять. Салатовым выделены соответственно границы таблиц. В моем представлении задача эта кажется выполнимой, но вот метод решения найти не могу. Буду очень благодарен за информацию любого рода

   Asked by Ich, December 29, 2009

   0 votes
   8 answers
3. Помогите разобратся. Шаблон на <DIV> + CSS

   Привет всем. Значит такое дело: верстал шаблон и столкнулся с такой маленькой задачкой. А точнее 2умя маленькими задачками (: 1-ая проблема: Есть шаблон. В нем есть главный див (.maindiv), в котором находится все содержимое. Длинна этого дива 995px. С помощью margin: auto; он располагается по центру страницы. Однако есть ещё один элемент дизайна - .provod . Этот элемент должен располагаться в верхней части страницы и вплотную прилегать к правой стороне главного дива (.maindiv) . Так же, дабы не увеличивать ширину сайта ( и смотреть его без скрола на маленьких разрешениях), надо что бы этот див (.provod) был как бэкграунд - при нехватке места на мониторе он прятался бы за …

   Asked by FriZZ, December 30, 2009

   0 votes
   8 answers
4. Проблемы с меню

   a:hover { color:#e5964b; text-decoration:none; font-weight: 600; text-align: left; display:block; background: url("/images/menuicon.png")no-repeat; left = 50%; } У меня такой код для ссылки "hover". Картинка /images/menuicon.png должна появляться слева от текста после наведения курсора, а появляется под ним. Как выравнить ее влево от текста? http://s54.radikal.ru/i143/1001/bc/d03b660f7dd0.png

   Asked by aimmachine, January 3, 2010

   0 votes
   8 answers
5. Разбивка по колонкам в зависимости от количетсва пробелов

   вопрос: не получилось текстом задать, чуть ниже сейчас попробую вставить картинко

   Asked by crazyawm, January 7, 2010

   0 votes
   8 answers
6. кнопка меню ( текущая страница выделяется цветом)

   Друзья! Прошу помоч сделать красивое меню (см картинку) т.е. на текущей странице подсвечивается та кнопка меню, которая ей соответствует как это сделать?? вот код который сейчас <div id="menu"> <!--k1 . k2 и k3 это кнопки меню--> <div id="k1"> <p><a href="#">главная</a></p> </div> <div id="k2"> <p><a href="#">фото</a></p> </div> <div id="k3"> <…

   Asked by cardsmoney, January 8, 2010

   0 votes
   8 answers
7. Добавление разметки для оформления посредством js

   Здравствуйте! Недавно пришлось верстать макет, где блоки были обернуты в специфическую рамку, которую пришлось порезать на картинки с уголками и четырмя сторонами. В итоге получился примерно такой код: <div id="wrapper"> <div class="left-top-corner"></div> <div class="left-vertical"></div> <div class="right-vertical"></div> <div class="right-top-corner"></div> <div class="right-bottom-corner"></div> <div class="left-bottom-corner"></div> <div id="content"> <div class="top-gorisontal"></div> <div class="right-top-corner"></div> <div class="right-ve…

   Asked by _axl, January 9, 2010

   0 votes
   8 answers
8. введите свой e-mail

   Здравствуйте Всем! Такой вопрос, как сделать, чтобы пользователь мог вписать и-маил и подписаться на расылку? и второй вопрос: во всем сайте один див в мазилле, опере нормально, а в ие буквально на 5 пикселей растягивается вниз, что можно сделать? Заранее благодарен!

   Asked by Artie, January 10, 2010

   0 votes
   8 answers
9. Вложенные таблицы с использованием CSS

   Подскажите, пожалуйста... Имеем такой код: <HTML> <HEAD> <TITLE>Опять таблица</TITLE> <STYLE> TD {width: 30px; height: 30px; text-align: center} TD.big {border: none; text-align: center} </STYLE> </HEAD> <BODY> <TABLE width="100%" height="100%"> <TR> <TD class="big"> <TABLE> <TR><TD>1</TD> <TD>2</TD></TR> <TR><TD>3</TD> <TD>4</TD></TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML> не происходит горизонтального выравнивания центральной (внутренней) таблицы. Но если убрать общий стиль для TD, т.е…

   Asked by cyrilus, January 17, 2010

   0 votes
   8 answers
10. Как правильно обнулять отступы перед началом верстки?

    Пару раз видел на форуме подобные темы, решил наконец разобраться! Раньше делал * {margin: 0px; padding: 0px;} обьясните плз чайнику почему так делать нельзя! (не считая того что это не валидно), и как нужно правильно? спасибо

    Asked by TonKhaO, January 20, 2010

    0 votes
    8 answers
11. Однокомандные теги

    Столкнулся с проблемой, контрольная по веб дизайну. Вопрос такой: Однокомандные теги. Сам в первые слышу такое определение тегов, в инете поискал, выдает всякую ерунду типа однокомнатного тега . Возможно это одиночные теги которые не требуют закрывающего тега. Если кто в курсе, помогите плз.

    Asked by Mannerheim, January 24, 2010

    0 votes
    8 answers
12. JS Ninja ShadowBox + 3D Меню...

    Приветствую, знатоки. Возникла следующая проблема: создал 3D Меню по образу 3D облака тегов по материалам этой статьи. Все отлично крутится, ссылки работают. Только вот не могу эти самые ссылки вывести в отдельных фреймах Ninja ShadowBox. Документ открывается, как обычная ссылка. Испльзуется запись вида: Но! За переделами этого дива... ...материал выводится, как надо: в отдельном окошке Ninja ShadowBox. То есть тот же: , к примеру. Естественно, уже не с составе 3d меню. Подскажите, пожалуйста, можно ли подружить шэдоубокс и 3d меню? Огромное спасибо за помощь.

    Asked by Remi Etien, January 25, 2010

    0 votes
    8 answers
13. проблемы с таблицами (css)

    Здравствуйте, помогите разобраться. Верстаю сайт: ширина шаблона 900 px. вставляю таблицу, таблица полностью не помешается. увеличиваю ширину шаблона до 1100 px, думал что таблица теперь будет вся видна, но к сожалению. =( в css прописывал ширину таблицы - но ничего не меняется. может надо что-то иное где-то прописать? шаблон immo для joomla скачан из интернета. И вот какая штука, юзаю оперу, если нажать на "подогнать по ширине", то: пожелания, замечания, заранее спасибо. =)

    Asked by darklumen, January 25, 2010

    0 votes
    8 answers
14. Не могу отцентровать фон...

    Ребят, простите, пожалуйста. Детский вопрос, конечно, но фон body меня соовсем не слушается. Пустой index сайта: CSS: Фон куда-то наверх улетает. Если прописать "bottom", то почему-то еще выше упрыгает Спасибо.

    Asked by Remi Etien, January 26, 2010

    0 votes
    8 answers
15. Превью Флеш ролика (в html)

    Столкнулся с проблемой добавления фото превью для флеш ролика. тоесть не создание во флешке первого кадра с превью и шкалой загрузки а именно в html (JS) коде добавление картинки нажав на которую вместо нее будет загружатся флешка (чтобы не грузить тяжелый флеш ролик до того как пользователь не захочет его просмотреть и показать что на его месте будет ролик а не просто дырка (ошибка) в дизайне) кто знет решение проблемы просьба помочь или указать на то где об этом уже обсуждалось (и есть решение) заранее всем спасибо.

    Asked by wcb-falcon, January 28, 2010

    0 votes
    8 answers
16. Проблемы с IE6

    Здравствуйте! Вот такие проблемы в IE6: появляется промежуток (белое поле) под верхним меню, а правое меню при масштабировании вываливается. Не могу никак решить проблему. Очень надеюсь на помощь. Заранее спасибо! www.septic-topas.ru/ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <div id="container"> <div id="header"> <div id="menu-top"> <ul> <li class="active"><a href="#">Главная</a></li> <li><a href="catalog.html">Каталог</a></li> <li><a href="price.html">Цены</a>&l…

    Asked by Светлана Гр., January 29, 2010

    0 votes
    8 answers
17. Проблемы с CSS background-image

    Не работает background-image css body { background-color: #000000; background-image: url("image/gr.jpg"); background-repeat: repeat-x; } html <html> <head> <title>Глвная</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <img src="images/01.jpg" alt"картинка"> </body> </html>

    Asked by kirillps, January 31, 2010

    0 votes
    8 answers
18. Проблема выбора CMS для сайта научной организации

    Приветствую форумчан! Обращаюсь с двумя вопросами. 1) Есть сайт научной организации www.biocenter.kz. Сделан,а точнее собран и напичкан контентом впопыхах, на Joomla 1.5. Времени на выбор CMS не было В Joomla меня не устраивает ограничение по вложенности: секция - категория - статья, а дальше... начинаются различные ухищрения. Все вроде как ничего, но стандартная система меню Joomla не позволяет мне реализовать сложные меню, например, отображение меню на произвольной странице, а также непонятности с реализацией родительских и дочерних меню(зависимых меню). Это видно на моем сайте здесь http://www.ru.biocenter.kz/index.php?optio...&Itemid=110. Меню на этой странице р…

    Asked by mikelo, February 2, 2010

    0 votes
    8 answers
19. SEO верстка

    Здравствуйте, есть двухколоночный макет с прижатым футером <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Верстка</title> <style type="text/css"> html, body {margin:5;height:100%;} #wrapper { height:auto !important; height:100%; min-height:100%; min-width:800px; } #header { height:200px; } #left { float:left; width:200px; } #right { top: 0px; margin-left:200px; } #spacer { height:100px; } #footer { height:100px; margin-top:-100…

    Asked by Guuurd, February 5, 2010

    0 votes
    8 answers
20. Пара вопростов по css

    1. css не наследуется, но стили можно складывать? Есть такие заголовки: <div class="header_bg" ><div class="header_news" ></div></div> <div class="header_bg" ><div class="header_tyres" ></div></div> <div class="header_bg" ><div class="header_disk" ></div></div> такие css: .header_bg{ float:none; width:100%; height:38px; margin: 0px; padding: 0px; background-color:#4a84c3; } .header_news{ float:none; width:100%; height:38px; background-position: right top; background-image: url(../img/header_news.jpg); background-repeat: no-repeat; } .header_tyres{ float:none; width:100%; height:38px; background-positi…

    Asked by severum, February 9, 2010

    0 votes
    8 answers
21. Какой код использовать?

    Помогите решить следующий вопрос: нужно вставить в блог это изображение, чтобы с каждой маленькой картинки соцсетей шли ссылки на соцсети. Изображение цельное, как подобное делается, не имею понятия. Буду очень благодарен за ответы!

    Asked by blooom, February 14, 2010

    0 votes
    8 answers
22. float в ие-6 работает некорректно

    Здравствуйте, у меня такая проблема: на сайте есть два блока, блок меню и блок, содержащий контент. Меню - 20%, контент - 80% от экрана, но в разделе с контентом содержатся изображения и их размер может превышать размер экрана. Во всех браузерах, кроме ие-6, в этом случае появляется горизонтальная прокрутка, а ие, просто, переносит раздел с контентом вниз, под блок содержащий меню. Подскажите, пожалуйста, есть ли какие-нибудь средства избавиться от этой проблемы?

    Asked by cratte, February 15, 2010

    0 votes
    8 answers
23. Раскрывающийся форма как в Google

    Я думаю, все замечали, что в google при вводе искаимого разворачивается список с возможными вариантами. Какой принцип данного скрипта и где такой можно найти?

    Asked by Alex&R, February 22, 2010

    0 votes
    8 answers
24. Помогите с таблицей

    Вставил в <td> картинку - появились отступы где-то в 10px. Прижимается к левому краю, с помощью vertical-align:bottom; прижал к низу, а как быть с верхом? Причём высота у td задана. Код HTML: <tr> <td height="120" width="auto" colspan="3" class="footer"> <div align="left"> <img src="img-hair/bg_footer.jpg"> </div> </td> </tr> И CSS: .footer{ position:fixed bottom; background-image:url(img-hair/bg_footer.jpg); background-repeat:no-repeat; background-position:bottom right; margin:0px; padding:0px; vertical-align:bottom; } Очень нужна помощь. И как можно скорее.

    Asked by bu-3, February 22, 2010

    0 votes
    8 answers
25. Неправильный перенос текста в IE

    Здравствуйте. У самого пока что не хватает подготовки, поэтому буду очень благодарен за подсказку... Картинки с описаниями должны по идее отображаться блоками так (скриншот ff - все выглядит как и должно): Однако, если смотреть ту же страницу через IE, часть описаний уйдет за границы блоков: Пробовал смотреть другими браузерами - Opera 10 показывает все правильно (как и FireFox). Google Chrome ломает верстку в точности как и IE. Исходная страничка: http://quantum-kazan.ru/notebook_acer.html В данный момент будет выглядеть "причесанной", но добиться этого удалось только искусственно - расстановкой дополнительных пробелов в описаниях. Если грамотное решение трудоемко - по…

    Asked by Smith72, February 26, 2010

    0 votes
    8 answers