Помогите допилить меню

[korkin.oleg]

Нашел в просторах интернета меню как у  Apple  вставить его не проблем правим applenaw на #section_menu и регулируем по высоте и ширине. Вроде все готово) Но как сделать чтобы блоки меню были во всю ширини( чтобы градиент был до конца до корзины) И самый главный Вопрос как сделать чтобы под цифрой 2 корзина приобрела такой же градиент и была одим целым и одним цветом с меню.

И почему то не работает ссылка Контакты... Если кто нибудь может помочь допилить, буду благодарен да и могу за небольшие $ отблагодарить 

CSS.txt

[sergei5770]

там разные заливки кнопок и фона, все надо залить градиентом кнопок

[korkin.oleg]

там разные заливки кнопок и фона, все надо залить градиентом кнопок

Вроде как все сделал, вопрос остается в другом. Как добавить картинку если КОД ИСХОДНЫЙ под №2 имеет вид : background: url("../images/bg/bg_cart_header.png") no-repeat scroll 15px 10px #5f5f5f; 

А нужно вставить как то картинку в код №2 он имеет такой вид-градиент background-image: -moz-linear-gradient(center bottom , #787878 0%, #5e5e5e 50%, #707070 51%, #838383 100%);

 

ВРОДЕ СДЕЛАЛ

url("../images/bg/bg_cart_header.png"), -moz-linear-gradient(center bottom , #787878 0%, #5e5e5e 50%, #707070 51%, #838383 100%)

Вопрос остается ОДИН

 

НО

Как я понимаю -moz-linear-gradient поддерживается только в FireFox, подскажите как и с помощью какого кода сделать так чтобы и картинка отображалась с корзиной маленькой, и чтобы градиент отображался во всех браузерах?

[sergei5770]

Вроде как все сделал, вопрос остается в другом. Как добавить картинку если КОД ИСХОДНЫЙ под №2 имеет вид : background: url("../images/bg/bg_cart_header.png") no-repeat scroll 15px 10px #5f5f5f; 

А нужно вставить как то картинку в код №2 он имеет такой вид-градиент background-image: -moz-linear-gradient(center bottom , #787878 0%, #5e5e5e 50%, #707070 51%, #838383 100%);

 

ВРОДЕ СДЕЛАЛ

url("../images/bg/bg_cart_header.png"), -moz-linear-gradient(center bottom , #787878 0%, #5e5e5e 50%, #707070 51%, #838383 100%)

Вопрос остается ОДИН

 

НО

Как я понимаю -moz-linear-gradient поддерживается только в FireFox, подскажите как и с помощью какого кода сделать так чтобы и картинка отображалась с корзиной маленькой, и чтобы градиент отображался во всех браузерах?

фон сделать картинкой градиента можно, тогда будет не важно, какой браузер

[korkin.oleg]

фон сделать картинкой градиента можно, тогда будет не важно, какой браузер

Подскажите как правильно в фотошопе подобрать именно этот градиен? и по какому формату - размеру делать?

[Алексей Склейнов]

размер согласно размеру верстки (в зависимости от вида градиента, вертикальный или горизонт) и неградирируемый размер достаточно одного пикселя по ширине или высоте (в зависимости от вышеперечисленных особенностей)

[infinity178]

<div id="block_menu">
   <ul class="menu">
       <li><a href="">MENU</a></li>
   </ul>
   <form class="search">
   </form>
</div>
 

 

#block_menu {width: 990px; height: 20px; line-height: 20px: background: url(../images/gradient.png) 0 0 repeat-x;}
#menu {display: inline-block; float: left; width: 890px;}
.search {float: right; width: 100px;}

UL & FORM - без цвета! 
UL LI:hover - устанавливаем цвет при наведении