ZFJoury

Всем привет! У меня глобальная проблема с выпадающем меню, я очень долго уже мучаюсь с этой проблемой, нашёл кучу примеров, но как вставить именно в свой сайт понять не могу , вроде всё делаю правильно, но всё безуспешно( Помогите мне вставить это меню, дело в том, что в разделе "рубрики" это слева внизу нужно где раздел "всё о подводном мире" при наведении на него мышкой выпадало два раздела "морской мир" и "пресноводный мир", и так же при наведении на раздел "все о наших материалах" выпадало три меню: 1) Каркас 2)Стекла 3) Крышки под аквариумы ССЫЛКА НА САЙТ Помогите это сделать буду очень благодарен! Заранее спасибо!

Да спасибо)) но как то странно, я поставил id от 1 бокса а делал 3, почему то id=3 не хочет работать( Жаль конечно что я не разобрался,но работает)) Вот, а может еще подскажете как в меню "рубрики"->"Все о подводном мире" - вот здесь нужно сделать чтобы при наведении курсора на этот пункт из него выпадало два меню - морской мир и пресноводный, смотрел кучу примеров, пробовал вставить но всё безуспешно, помогите как это сделать в моём случае,Сайт

а он есть www.vs-aqua.ru код полностью открыт ВОТ ЖИВОЙ ПРИМЕР

Спасибо, но почему то не работает(( картинкам сменил имена, но все равно что то не так

Всем привет, к сожалению не могу понять что случилось, вставил движок jqwerry на этот раздел, но он почему то не работает на серве, на локальном работает, на сервере есть ещё разделы где есть jqwerry и там все работает, что делать? http://www.vs-aqua.ru/chudo.html

ВСЕ width: ?? или только width: 908px?? а не надо ли где нибудь ставить "%"

Привет всем, я новенький, поэтому очень строго не судите, Сделал сайт>>>>, оцените и подскажите что исправить, с нетерпением жду.

Привет всем, К сожалению большая проблема,не могу отладить файл css стилей( А очень хочу сделать резиновый дизайн Помогите Вот css сайт www.vs-aqua.ru * { margin: 0px; padding: 0px; } a:link { color: #ffffff; } a:hover { text-decoration: none; color: #FF0000; } a:visited { color: #ffffff; } body { background: #A2E5F5 url(image/back_all.jpg) repeat-x; font: 13px Arial, Helvetica, sans-serif; color: #000000; } #content { width: 100%; text-align: auto; background: url(image/back.jpg) no-repeat; } #main { width: 908px; padding: 10px; } #back { width: 1151px; } #header { height: 386px; text-align: auto; } #logo { background: url(image/logos.gif) no-repeat; background-position: 50% 17%; background-attachment: scroll; width: 1131px; height: 134px; text-align: center; padding-left: 20px; padding-top: 180px; } #logo a { text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 28px; color: #ffffff; } #logo H2 { font-size: 12px; text-align: left; font-style: italic; color: #000000; } #menu { background: url(image/menu.gif) no-repeat; height: 75px; } #menu ul { list-style: none; } #menu li { display: inline; } #menu a { float: left; width: 129px; height: 30px; display: block; text-align: center; text-decoration: none; color: #2273A4; vertical-align: middle; font-weight: bold; font-size: 14px; padding-top: 20px; text-transform: uppercase; } #menu a:hover { width: 129px; height: 54px; color: #ffffff; text-decoration: underline; } #left { width: 190px; } #left H3 { width: 165px; height: 27px; font-size: 14px; font-weight: bold; padding-left: 25px; padding-top: 15px; text-transform: uppercase; color: #ffffff; background: url(image/title.gif) repeat-x } #left ul { list-style: none; padding-bottom: 10px; margin-bottom: 10px; background: #ffffff url(image/title_back.gif) repeat-x bottom; } #left li ul { border: 0px; margin-left: 20px; margin-bottom: 10px; padding-top: 20px; background: none; } #left li li { padding: 5px 5px; color: #000000; border: 0px; } #left a { color: #2F8BC4; } #left a:visited { color: #2F8BC4; } #left td { color: #2F8BC4; } #left th { color: #2F8BC4; } #left caption { color: #2F8BC4; } #left p { padding: 10px; color: #2F8BC4; } #right { float: right; width: 680px; padding-right: 10px; } #right H4 { margin: 0; padding: 0px; font-size: 12px; color: #2F8BC4; } #right a { color: #2F8BC4; text-decoration: underline; } #right p { margin: 0; padding: 0; padding-bottom: 10px; } #right h2 { margin: 0; padding: 0; padding-top: 10px; color: #2F8BC4; } #footer { clear: both; height: 80px; width:100%; background: url(image/footer.gif) repeat-x bottom; border-top: 5px solid #2F8BC4; padding-top: 30px; } #footer p { margin: 0; width: 778px; font-size: 12px; text-align: center; color: #ffffff; } #footer a { color: #ffffff; }

Кстати вот содержание css, помогите сделать резиновым пожалуйста * { margin: 0px; padding: 0px; } a:link { color: #ffffff; } a:hover { text-decoration: none; color: #FF0000; } a:visited { color: #ffffff; } body { background: #A2E5F5 url(image/back_all.jpg) repeat-x; font: 13px Arial, Helvetica, sans-serif; color: #000000; } #content { width: 100%; text-align: auto; background: url(image/back.jpg) no-repeat; } #main { width: 908px; padding: 10px; } #back { width: 1151px; } #header { height: 386px; text-align: auto; } #logo { background: url(image/logos.gif) no-repeat; background-position: 50% 17%; background-attachment: scroll; width: 1131px; height: 134px; text-align: center; padding-left: 20px; padding-top: 180px; } #logo a { text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 28px; color: #ffffff; } #logo H2 { font-size: 12px; text-align: left; font-style: italic; color: #000000; } #menu { background: url(image/menu.gif) no-repeat; height: 75px; } #menu ul { list-style: none; } #menu li { display: inline; } #menu a { float: left; width: 129px; height: 30px; display: block; text-align: center; text-decoration: none; color: #2273A4; vertical-align: middle; font-weight: bold; font-size: 14px; padding-top: 20px; text-transform: uppercase; } #menu a:hover { width: 129px; height: 54px; color: #ffffff; text-decoration: underline; } #left { width: 190px; } #left H3 { width: 165px; height: 27px; font-size: 14px; font-weight: bold; padding-left: 25px; padding-top: 15px; text-transform: uppercase; color: #ffffff; background: url(image/title.gif) repeat-x } #left ul { list-style: none; padding-bottom: 10px; margin-bottom: 10px; background: #ffffff url(image/title_back.gif) repeat-x bottom; } #left li ul { border: 0px; margin-left: 20px; margin-bottom: 10px; padding-top: 20px; background: none; } #left li li { padding: 5px 5px; color: #000000; border: 0px; } #left a { color: #2F8BC4; } #left a:visited { color: #2F8BC4; } #left td { color: #2F8BC4; } #left th { color: #2F8BC4; } #left caption { color: #2F8BC4; } #left p { padding: 10px; color: #2F8BC4; } #right { float: right; width: 680px; padding-right: 10px; } #right H4 { margin: 0; padding: 0px; font-size: 12px; color: #2F8BC4; } #right a { color: #2F8BC4; text-decoration: underline; } #right p { margin: 0; padding: 0; padding-bottom: 10px; } #right h2 { margin: 0; padding: 0; padding-top: 10px; color: #2F8BC4; } #footer { clear: both; height: 80px; width:100%; background: url(image/footer.gif) repeat-x bottom; border-top: 5px solid #2F8BC4; padding-top: 30px; } #footer p { margin: 0; width: 778px; font-size: 12px; text-align: center; color: #ffffff; } #footer a { color: #ffffff; }

Да конечно, я не очень большой знаток css, и при нажатии ctrl+scroll очень бы хотелось чтобы он отображался нормально, может сможете подсказать что мне сделать?

Всем привет, не могу понять почему растягивает левый край( Сайт www.vs-aqua.ru Вроде делал как резиновый дизайн, а оказался совсем не резиновым.