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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) "Извините, что ожидание затянулось, но не думайте, пожалуйста, что мы про вас забыли. Мы заводим задачи по всем обращениям и контролируем работу над ними самым тщательным образом."
Вопрос
0 kuz999 1188 5.2.2024, 14:06
автор: kuz999
Открытая тема (нет новых ответов) Подскажите по ошибкам из Яндекс вебмастера
1 noviktamw 1260 27.1.2024, 23:15
автор: Vmir
Открытая тема (нет новых ответов) Подскажите дейтинг партнерки с оплатой за регистрацию
18 Wolfhound 2124 9.3.2023, 6:17
автор: Skyworker
Открытая тема (нет новых ответов) Подскажите ПП. Траф только мобильный, только бурж.
тизеры\баннеры или видео
7 3rim 1729 21.9.2020, 19:39
автор: 3rim
Открытая тема (нет новых ответов) Подскажите партнёрку с мобильными офферами
5 docdie 2170 27.7.2020, 11:05
автор: WelcomePartners


 



RSS Текстовая версия Сейчас: 28.3.2024, 21:36
Дизайн