Уважаемые форумчане подскажите пожалуйста выпадающее меню

Сообщение сайта

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

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

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

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Уважаемые форумчане подскажите пожалуйста выпадающее меню

Опции

Pavel Brunki

Topic Starter сообщение

23.9.2011, 12:40; Ответить: Pavel Brunki

Сообщение #1

Группа: User
Сообщений: 1
Регистрация: 23.9.2011
Поблагодарили: 0 раз
Репутация:

Уважаемые форумчане подскажите пожалуйста выпадающее меню
имеется class="rollover" и к нему стили, как сделать чтоб при наведении на него курсором в браузере выскакивало меню a .rollover:hover.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css"/>

<title>Название</title>

</head>
<body>

<div id="fon">
<span id="fon"></span>



<span class="logo"></span>
<span class="menutelefon"></span>
<span class="menuleft"></span>
<span class="menuright"></span>
<span class="menuline"></span>
<a href="#" class="menu_1">главная</a><
<a href="#" class="rollover"> <главная></a> <a href="#" class="menu_2">услуги</a>
<a href="#" class="menu_3">цены и туры</a>
<a href="#" class="menu_4">оформление виз</a>
<a href="#" class="menu_5">наши новости</a>
<a href="#" class="menu_6">галерея </a>
<a href="#" class="menu_7">перевод документов</a>
<a href="#" class="menu_8">карта сезона</a>

</div>
</body>
</html>

стили
.menu_1{
position:absolute;
text-align:center;
width:120px;
color: #cecece;
color:white;
left:235px;
top:55px;
font-family:Arial;
font-size:14px;
}
a.rollover{
margin-left:23px;
margin-top:55px;
display: block;
width: 83px;
height: 35px;

}

a.rollover:hover{
background: url(images/galereya-podmenu-logo.png);
}
Спасибо за помощь ответ.

Ответить с цитированием данного сообщения

thesat

23.9.2011, 15:52; Ответить: thesat

Сообщение #2

Группа: User
Сообщений: 128
Регистрация: 11.9.2011
Поблагодарили: 0 раз
Репутация:

Хотя бы так, но чаще всего делают списком ul.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style>
.item{
position:absolute;
text-align:center;
width:200px;
left:100px;
top:100px;
background:silver;
position:absolute;
padding:15px;
}
.item:hover .drop {
visibility:visible;
}
.drop {
position:absolute;
visibility:hidden;
background:orange;
padding:15px;
}

</style>

</head>
<body>
<div class="item">
<a href="#">главная</a>
<div class="drop">
<a href="#">услуги</a><br/>
<a href="#">цены и туры</a><br/>
<a href="#">оформление виз</a><br/>
<a href="#">наши новости</a><br/>
<a href="#">галерея </a><br/>
<a href="#">перевод документов</a><br/>
<a href="#">карта сезона</a><br/>

</div>
</div>
</body>
</html>

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Подскажите материал, курс по SEO	0	Evfenii	1675	17.1.2025, 20:43 автор: Evfenii
Если кто-то для своего портфолио готов сделать форум полностью бесплатно (с моим доменом), предложите пожалуйста	10	Tia2	3380	9.12.2024, 11:50 автор: Alexand3r
Подскажите дейтинг партнерки с оплатой за регистрацию	18	Wolfhound	3143	9.3.2023, 6:17 автор: Skyworker
Подскажите ПП. Траф только мобильный, только бурж. тизеры\баннеры или видео	7	3rim	2098	21.9.2020, 19:39 автор: 3rim
Подскажите партнёрку с мобильными офферами	5	docdie	2513	27.7.2020, 11:05 автор: WelcomePartners

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 21.4.2025, 21:03

Дизайн