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



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Уважаемые форумчане подскажите пожалуйста выпадающее меню
Pavel Brunki
Pavel Brunki
Topic Starter сообщение 23.9.2011, 12:40; Ответить: Pavel Brunki
Сообщение #1


Уважаемые форумчане подскажите пожалуйста выпадающее меню
имеется 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>
<!--fon start -->
<div id="fon">
<span id="fon"></span>
<!--fon end -->

<!--menu start -->
<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>
<!--menu end-->
</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);
}
Спасибо за помощь ответ.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
thesat
thesat
сообщение 23.9.2011, 15:52; Ответить: thesat
Сообщение #2


Хотя бы так, но чаще всего делают списком 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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Подскажите сервис накрутки друзей в ФБ
Не дорогой.
5 Hydra 428 28.11.2020, 23:48
автор: Scenum
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыМеню в мобверсии.
3 павелЯ 346 9.11.2020, 0:35
автор: Composer_JS
Открытая тема (нет новых ответов) Оцените пожалуйста логотип
для сайта фотобудки
8 KM_ 436 8.11.2020, 22:14
автор: Rybakin
Открытая тема (нет новых ответов) OcStore - подскажите пару моментов
5 ARsHi 430 2.11.2020, 16:57
автор: ARsHi
Открытая тема (нет новых ответов) Подскажите по Key Collector
Сбор конкурентов
10 Levels 500 15.10.2020, 0:18
автор: JOHNY


 



RSS Текстовая версия Сейчас: 5.12.2020, 5:38
Дизайн