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

Верстка. Застрял на создании горизонтального меню

12
MK
На сайте с 14.04.2009
Offline
104
MaxKis
#11

вам уже на пальцах объяснили, или вам сделать еще нужно?

создайте список, отобразите в одну линию и тварите с ним что вам угодно...

Продвижение сайтов (https://nsk-seo.ru/) в Яндекс и Гугл.
ISDN :)
На сайте с 28.02.2006
Offline
84
ISDN :)
#12
MaxKis:
вам уже на пальцах объяснили, или вам сделать еще нужно?
создайте список, отобразите в одну линию и тварите с ним что вам угодно...

По-видимому, вы не понимает в чем суть. Расцениваю ваш ответ как оффтоп.

Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#13
ISDN :):
По-видимому, вы не понимает в чем суть. Расцениваю ваш ответ как оффтоп.

помоему все понимают кроме вас.

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
LovelAss
На сайте с 05.06.2009
Offline
96
LovelAss
#14

А вкладки шириной 1px не вариант сделать?


.border {
width: 1px;
height: 27px;
background-color: #000;
display: block;
float: left;
}

<div class="menu"> <a href="#">ГЛАВНАЯ</a> <span class="border">&nbsp;</span> <a href="#">АКТУАЛЬНЫЕ ТЕМЫ</a> <span class="border">&nbsp;</span> <a href="#">ТЕСТ</a> </div>
Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#15
ISDN :):
Нельзя. Идет растяжка на 100% файла ширина 3px и высота 27px

ну и пусть будет растяжка - что мешает?

сделайте для ul 100%, а для li 20% или 19%, в зависимости только от пунктов меню, проверьте в других браузерах.

Картинку можно вставлят будет картинкой, а можно прорисованную в бэкграунде уже

или вкладки, вариантов масса

Если замучаетесь с выравниванием списка, сделайте табличку...

ExePromote
На сайте с 21.09.2007
Offline
67
ExePromote
#16 

<table width="100%" ><tr align="center">
<td class="out" width="100" align="center" onMouseOver="this.className='hover'" onMouseOut="this.className='out'">ГЛАВНАЯ</a></td>
<td class="out" width="100" align="center" onMouseOver="this.className='hover'" onMouseOut="this.className='out'">О САЙТЕ</a></td>
</tr></table>

Дальше думаю понятно. Остается создать два класса задать им бэкграунд картинки.

А линию разделитель в картинки лучше вставьте.

Метод древний, но полностью рабочий.

С уважением, Павел.
[Удален]
#17

ExePromote, это точно, что древний. таблицами такие вещи - убожество :)

MoMM
На сайте с 16.06.2006
Offline
727
MoMM
#18

я чего-то не понимаю? у вас же меню... т.е. ссылки... ставите все подряд в ли с дисплей инлайн, и задаете свойства а и а:ховер с нужными бэками... ну и понятное дело им падинги прописываете нужные, чтобы высота была правильной... бэки выравниваете по правому краю в каждом а, правый край должен быть с линией... бэки заведомо шире любого из пунктов меню... дел на 2,5 минуты...

12

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