Контактное меню - SEO форум MaulTalk.com

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

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

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

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

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

Контактное меню

Опции

Rambo2045

Topic Starter сообщение

19.7.2011, 19:10; Ответить: Rambo2045

Сообщение #1

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

Есть з кнопки для контактов

К каждой соответствует свой номер телефона.Нужно чтобы при клике появлялся номер с фоном.Вот так: http://itmages.ru/im...233951/635e76af
Как это сделать?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>сайт"</title>
<style type="text/css">
body {
font: 13pt Times New Roman; /* Рубленый шрифт текста */
margin: 0; /* Отступы на странице */
}

#header {
position:relative;
min-width: 1000px;
height: 95px;
background: url(black.jpg) repeat-x left top;
}
.logo{
margin-left:50px;
}
#nav{
width:310px;
margin:-95px auto;
}
#nav li{
list-style:none;
float:left;
position:relative;
}
#nav li a{
display:block;
text-decoration:none;
}
#nav li a img{
border:0px;
display:block;
margin:6px auto;
width:55px;
}
#nav li ul{
display:none;
position:absolute;
margin-left:-32px;
top:60px;
}
#nav li:hover ul{
display:block;
}
.menu{
width:55px;
height:30px;
float:left;
background:url(call.png);
text-align:center;
}
.menu2{
width:55px;
height:30px;
float:left;
background:url(skype1.png);
text-align:center;
}
.menu3{
width:55px;
height:30px;
float:left;
background:url(mail.png);
text-align:center;
}
.menu:hover{
background:url(call1.png);
}
.clear{
clear:both;
}
.menu2:hover{
background:url(skype2.png);
}
.clear{
clear:both;
}
.menu3:hover{
background:url(mail1.png);
}
.clear{
clear:both;
}
</style>
</head>
<body>
<div id="header">
<a class="logo" href = "index.html"><img src = "logotip1.png" width = "64" height="95" border="0" alt="logo"></a>
<div style="position:absolute; top:0; right:0; margin-right:140px;">
<a href="www.google.ru"><div class="menu"></div></a>
<a href="www.google.ru"><div class="menu2"></div></a>
<a href="www.google.ru"><div class="menu3"></div></a>
<div class="clear"></div>
</div>
<ul id="nav">
<li><a href="#"><img src=r.png></a>
<ul>
<a style="color:#e83f3f">reliable</a>
</ul>
</li>
<li><a><img src=ee.png></a>
</li>
<li><a href="#"><img src=b.png></a>
<ul>
<a style="color:#9a98f1">bright</a>
</ul>
</li>
<li><a><img src=ee1.png></a>
</li>
<li><a href="#"><img src=l.png></a>
<ul>
<a style="color:#e3d16d">light</a>
</ul>
</li>
</ul>
</div>
</body>
</html>

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

Zippovich

19.7.2011, 20:38; Ответить: Zippovich

Сообщение #2

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

Вы вообще о чем.
Кстати <div> в <a> в Strict нельзя включать.

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

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

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

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

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

Похожие темы

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

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

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

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

Сейчас: 20.4.2024, 1:31

Дизайн