X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Выпадающее меню
CROSP
CROSP
Topic Starter сообщение 26.4.2010, 1:40; Ответить: CROSP
Сообщение #1


Подскажите как сделать выпадающее меню по вот типо такого [IMG]http://s52.radikal.ru/i136/1004/de/e6350d3ce5fd.jpg[/IMG] это у меня в форме таблицы сделано , как сделать так чтобы не пришлось все переделывать вот скрипт
<div class="blocks">
<div><div><div>
<h3 style="color:white">Навигация по сайту</h3>
<td>

<table border="0" cellpadding="0" cellspacing="0" align="center" width="225">
<tr>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td style="padding-bottom: 3px;"><a href="/index.php"><img src="{THEME}/cats/main.png" width="32" height="32"></a></td><td style="vertical-align: middle; padding-left: 7px;"><b><a href="/index.php">Главная</a></b></td></tr>
<tr><td style="padding-bottom: 3px;"><a href="http://redwarez.ru/films"><img src="{THEME}/cats/films.gif" width="32" height="32"></a></td><td style="vertical-align: middle; padding-left: 7px;"><b><a href="http://redwarez.ru/films">Фильмы</a></b></td></tr>
<tr><td style="padding-bottom: 3px;"><a href="http://redwarez.ru/music"><img src="{THEME}/cats/music.gif" width="32" height="32"></a></td><td style="vertical-align: middle; padding-left: 7px;"><b><a href="http://redwarez.ru/music">Музыка</a></b></td></tr>
<tr><td style="padding-bottom: 3px;"><a href="http://redwarez.ru/games"><img src="{THEME}/cats/games.gif" width="32" height="32"></a></td><td style="vertical-align: middle; padding-left: 7px;"><b><a href="http://redwarez.ru/games">Игры</a></b></td></tr>
<tr><td style="padding-bottom: 3px;"><a href="http://redwarez.ru/books"><img src="{THEME}/cats/books.gif" width="32" height="32"></a></td><td style="vertical-align: middle; padding-left: 7px;"><b><a href="http://redwarez.ru/books">Книги</a></b></td></tr>
<tr><td style="padding-bottom: 3px;"><a href="http://redwarez.ru/fun"><img src="{THEME}/cats/fun.gif" width="32" height="32"></a></td><td style="vertical-align: middle; padding-left: 7px;"><b><a href="http://redwarez.ru/fun">Приколы</a></b></td></tr>
<tr><td style="padding-bottom: 3px;"><a href="http://redwarez.ru/videolessons"><img src="{THEME}/cats/videolessons.gif" width="32" height="32"></a></td><td style="vertical-align: middle; padding-left: 7px;"><b><a href="http://redwarez.ru/videolessons">Видеоуроки</a></b></td></tr>
<tr><td style="padding-bottom: 3px;"><a href="http://redwarez.ru/design"><img src="{THEME}/cats/design.gif" width="32" height="32"></a></td><td style="vertical-align: middle; padding-left: 7px;"><b><a href="http://redwarez.ru/design">Графика</a></b></td></tr>
<tr><td style="padding-bottom: 3px;"><a href="http://redwarez.ru/webmaster"><img src="{THEME}/cats/webmaster.gif" width="32" height="32"></a></td><td style="vertical-align: middle; padding-left: 7px;"><b><a href="http://redwarez.ru/webmaster">Веб-мастеру</a></b></td></tr>
<tr><td style="padding-bottom: 3px;"><a href="http://redwarez.ru/mobile"><img src="{THEME}/cats/mobile.gif" width="32" height="32"></a></td><td style="vertical-align: middle; padding-left: 7px;"><b><a href="http://redwarez.ru/mobile">Для мобильника</a></b></td></tr>
<tr><td style="padding-bottom: 3px;"><a href="http://redwarez.ru/erotic"><img src="{THEME}/cats/erotic.gif" width="32" height="32"></a></td><td style="vertical-align: middle; padding-left: 7px;"><b><a href="http://redwarez.ru/erotic">Шлей</a></b></td></tr>
</table>
</td></tr>
</table>
</td>
</div></div></div>
</div>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 26.4.2010, 9:00; Ответить: Arks
Сообщение #2


1. Если щаблон на таблицах лучше и использовать таблицу с выпадающим меню. Надо поместить ее в контейнер, позиционированный абсолютно, имеющий css-атрибут visibility:false
2. При наведении мыши на ссылку "фильмы" посредством javascript показывать контейнер с таблицей, т.е. устанавливать ему атрибут visibility:true, при убирании мышки скрывать контейнер - visibility:false

Готовый пример тут уже видел, кажется в разделе по javascript в темке по всплывающим подсказкам - поищите.

Если не хотите возиться с javascript, можно переделать все меню(в т.ч. навигацию по сайту) из таблиц в списки <ul><li> и использовать css
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
CROSP
CROSP
Topic Starter сообщение 26.4.2010, 17:10; Ответить: CROSP
Сообщение #3


Не могли бы вы привести пример если не сложно ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 26.4.2010, 18:11; Ответить: Arks
Сообщение #4


Приведу пример. Я использую готовый javascript/JQuery-плагин superfish menu для реализации всплывающих меню, его домашняя страничка http://users.tpg.com.au/j_birch/plugins/superfish/
Скачайте пример, откройте html - если возникнут вопросы по созданию всплывающих меню на его основе и настройке - обращайтесь.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
CROSP
CROSP
Topic Starter сообщение 27.4.2010, 16:42; Ответить: CROSP
Сообщение #5


Установил , решил попробывать не получилось , если вам не сложно не могли бы вы показать на примере моего кода показать , а то что то не правильно ж наверное делаю , плз :rolleyes:

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1469 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3416 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1130 4.12.2017, 13:29
автор: yury_mw
Открытая тема (нет новых ответов) Слайдер под меню
0 Olya_Poy 4649 29.11.2017, 11:09
автор: -garmoni-
Открытая тема (нет новых ответов) На разных разрешениях меню выглядит по разному
0 SPiar 4818 28.9.2017, 17:45
автор: -korotkov-


 



RSS Текстовая версия Сейчас: 25.4.2024, 19:11
Дизайн