Прблема С Версткой Меню

[sertu]

Здравствуйте уважаемы гуру,помогите с советом как сверстать вот такое меню http://clip2net.com/clip/m32940/1284365706-clip-155kb.png

Чтоб растягивались плашки и в активном состоянии и при наведении.Спасибо за советы

[npofopr]

как то так

[sertu]

как то так

Ну тут css3, картинками реально сделать такое?

[psywalker]

Вот тут в середине есть такое меню на CSS2.1 http://psywalker.ru/SAITS/Leonardo%20da%20...aphy-page1.html

[sertu]

Вот тут в середине есть такое меню на CSS2.1 http://psywalker.ru/SAITS/Leonardo%20da%20...aphy-page1.html

Привет Макс-ето ты верстал меню? Че то я смотрю и не вьезжаю как оно сделано,что самое главное вырезать-какую картинку

[psywalker]

Привет Макс-ето ты верстал меню? Че то я смотрю и не вьезжаю как оно сделано,что самое главное вырезать-какую картинку

Здорово дружище, да, это я делал это меню, причём очень давно. Там дело в том, что есть всего одно изображение, при обычном состоянии прописываешь позицию фона у LI и у A, а при наведении на LI уже другую позицию.

[sertu]

Здорово дружище, да, это я делал это меню, причём очень давно. Там дело в том, что есть всего одно изображение, при обычном состоянии прописываешь позицию фона у LI и у A, а при наведении на LI уже другую позицию.

У тебя вот так http://clip2net.com/clip/m32940/1284379489-clip-88kb.png А у меня два разных изображения,в активном и при наведении-как их вырезать то правильно по твоему методу?

ps:Как делишки?

Edited September 13, 2010 by sertu

[psywalker]

А вот же можно прям тут посмотреть http://psywalker.ru/SAITS/Leonardo%20da%20Vinci/img/menu.gif

p.s. делишки потихоньку, времени только вот ни на что не хватает к сожалению.

[sertu]

А вот же можно прям тут посмотреть http://psywalker.ru/SAITS/Leonardo%20da%20Vinci/img/menu.gif

Ето мне какой спрайт делать? чтоб при наведении зеленая плашка бла,а в активном серая? не вьеду чего-то никак

[npofopr]

там от css3 только закругления. может быть и еще что то. но оно работает.

на том сайте есть еще примеры.

[psywalker]

У тебя есть файрбаг? Ты умеешь им пользоваться? Если да, то там прекрасно видны все ходы. А вообще возьми, да и выдерни всё это меню со стилями и картинкой и перенеси на отдельную страницу.

[sertu]

У тебя есть файрбаг? Ты умеешь им пользоваться? Если да, то там прекрасно видны все ходы. А вообще возьми, да и выдерни всё это меню со стилями и картинкой и перенеси на отдельную страницу.

Да я скопировал уже, вот твои стили

  /* content menu-top*/
	   ul.menu { 
			height: 45px; 
			text-align: center; 
			overflow: hidden; 
			width: 100%;
		}
	   ul.menu li { width: 20%; background: url(menu0000.gif) right -55px no-repeat; float: left;}
	   ul.menu li a {
			color: #FFF; 
			text-decoration: none; 
			font: bold 1.9em Arial, Helvetica, sans-serif;
			padding: .235em 0 .941em .529em;  
			background: url(menu0000.gif) left -10px no-repeat;  
			margin-right: .529em; 
			display: block;
	   }
	   ul.menu li:hover { background: url(menu0000.gif) right -46px no-repeat;}
	   ul.menu li:hover a { background: url(menu0000.gif) left -1px no-repeat; padding: .470em 0 1.058em .529em;color: #FFC;}
	   ul.menu li:active a { padding: .705em 0 1.294em .529em}

	   ul.menu .menu-page{background: url(menu0000.gif) right -46px no-repeat;  }
	   ul.menu .menu-page a{background: url(menu0000.gif) left -1px no-repeat; padding: .470em 0 1.058em .529em;color: #FFC; }

вот твоя картинка http://psywalker.ru/SAITS/Leonardo%20da%20Vinci/img/menu.gif

а вот мое меню на макете http://clip2net.com/clip/m32940/1284365706-clip-155kb.png

Как мне вырезать две плашки активную серую и при наведении зеленую? Увеличить размер плашек...Даже не знаю

Edited September 13, 2010 by sertu

[psywalker]

А почему-бы не сделать так же как в моём варианте, такой же спрайт например?

[sertu]

А почему-бы не сделать так же как в моём варианте, такой же спрайт например?

Макс напиши плиз по пунктам на моем примере берем эту плашку тянем до стольки то спрайт делаем так то....В стилях пишем как тут...

[psywalker]

Дай мне пока отдельные рисунки меню во всех состояниях, без текста и прочего. Если время попозже выкрою, попробую помочь.

[sertu]

Дай мне пока отдельные рисунки меню во всех состояниях, без текста и прочего. Если время попозже выкрою, попробую помочь.

Буду признателен.А плашки на сколько пикселей сделать?

Edited September 13, 2010 by sertu

[psywalker]

Буду признателен.А плашки на сколько пикселей сделать?

Сделай как на картинке твоей.

[sertu]

Сделай как на картинке твоей.

Давай в аське скину.С меня магарыч если что)

[psywalker]

Давай в аське скину.С меня магарыч если что)

Отписал тебе в аську.