Форум Сайтостроение Веб-строительство

Помогите с css меню

lazio
На сайте с 05.10.2006
Offline
47
lazio
486

Возникла такая проблема... не могу подогнать размеры меню, нужно что б было 940х32, состоит из 7 пунктов... при наведении должна меняться картинка.. делал через li так размеры не нашел где поменять, через скрипт не очень бы хотелось.

COMFI - Начни Зарабатывать! (http://affiliate.comfi.ru/a2/466735/Program-Overview)
Anaxa
На сайте с 20.12.2006
Offline
123
Anaxa
#1

Вот вам ссылка http://www.htmlbook.ru/

Yurecm
На сайте с 25.02.2007
Offline
233
Yurecm
#2

Можно через дивы делать, вот пример глядишь поможет

<div id="menu">

<div><a href="#">Меню</a></div>

<div><a href="#">Меню</a></div>

<div><a href="#">Меню</a></div>

<div><a href="#">Меню</a></div>

<div><a href="#">Меню</a></div>

<div><a href="#">Меню</a></div>

</div>

ну и в стилях

#menu { width: 940px; height:32px; }

#menu div { padding-top: 1px; padding-bottom: 3px;}

#menu a {display: block; background: url(images/m-off.gif) no-repeat; }

#menu a:hover { background: url(images/m-on .gif) no-repeat; }

Что то в этом стиле :)

Отчет о конференции User UXUkraine 2011: доклад Эрика Обзор семинара Леонида Гроховского
lazio
На сайте с 05.10.2006
Offline
47
lazio
#3
Yurecm:
Можно через дивы делать, вот пример глядишь поможет
<div id="menu">
<div><a href="#">Меню</a></div>
<div><a href="#">Меню</a></div>
<div><a href="#">Меню</a></div>
<div><a href="#">Меню</a></div>
<div><a href="#">Меню</a></div>
<div><a href="#">Меню</a></div>
</div>

ну и в стилях
#menu { width: 940px; height:32px; }
#menu div { padding-top: 1px; padding-bottom: 3px;}
#menu a {display: block; background: url(images/m-off.gif) no-repeat; }
#menu a:hover { background: url(images/m-on .gif) no-repeat; }

Что то в этом стиле :)

я делал похоже... но все же остаеться проблема, при наведении фон появляется, да впрочем и остается высотой с высоту букв ссылки, а нужно что бы высота была 32 пикселя :)

D
На сайте с 14.01.2007
Offline
153
Dinozavr
#4
lazio:
я делал похоже... но все же остаеться проблема, при наведении фон появляется, да впрочем и остается высотой с высоту букв ссылки, а нужно что бы высота была 32 пикселя :)

а если так? 

#menu { width: 940px;  }

#menu div { padding-top: 1px; padding-bottom: 3px;height:32px;}

#menu a {display: block; background: url(images/m-off.gif) no-repeat; }

#menu a:hover { background: url(images/m-on .gif) no-repeat; }

П.С. только надо паддинг+высоту подогнать как надо

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий