Помощник
|
Горизонтальное меню |
Wolf_X_mw
|
Сообщение
#1
|
||
|
|
||
|
|||
yury_mw |
9.4.2012, 0:32;
Ответить: yury_mw
Сообщение
#2
|
|
html
<!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" xml:lang="en" lang="en"> <head> <title>centred menu</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="menu"> <ul> <li><a href="#" class="current">home</a></li> <li><a href="#">about us</a></li> <li><a href="#">services</a></li> <li><a href="#">solutions</a></li> <li><a href="#">products</a></li> <li><a href="#">contact us</a></li> </ul> </div> </body> </html> css *{
margin:0; padding:0; } body{ background:#fff; color:#666; font:12px/18px Tahoma, Arial, Helvetica, sans-serif; } #menu{ text-align: center; /*центруем вложенные строчные элементы*/ } #menu ul{ list-style:none; display: inline-block; /*делаем элемент строчным*/ //display: inline; /*то же для IE6-7*/ zoom: 1; /*layout для IE*/ } #menu li{ float:left; height:66px; line-height:66px; margin:0 1px; } #menu li a{ float:left; color:#9a9a9a; font-size:11px; font-weight:bold; line-height:66px; text-decoration:none; padding:0 25px; background:#e7eff1 url(images/menu_039_bg.gif) repeat-x; } #menu li a:hover{ color:#fff; background:#da6800 url(images/menu_039_h.gif) repeat-x left; } #menu li a.current{ float:left; color:#fff; background:#da6800 url(images/menu_039_h.gif) repeat-x left; font-size:11px; font-weight:bold; line-height:66px; text-decoration:none; padding:0 25px; } #menu li a:hover.current{ color:#fff; } |
|
|
Wolf_X_mw
|
Сообщение
#3
|
|
Большое СПАСИБО! Все получилось
|
|
|
sosnovskij |
11.4.2012, 17:41;
Ответить: sosnovskij
Сообщение
#4
|
|
|
Перенес в Javascript и языки разметки
-------------------- |
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Перенести меню | 1 | Викторио_mw | 1468 | 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 | 4646 | 29.11.2017, 11:09 автор: -garmoni- |
|
На разных разрешениях меню выглядит по разному | 0 | SPiar | 4817 | 28.9.2017, 17:45 автор: -korotkov- |
Текстовая версия | Сейчас: 24.4.2024, 19:57 |