Все испробовал и так не смог растянуть горизонтальное меню. Кажется в стилях все понятно, но оно не растягивается, а просто дублируется. Кто может знает как совладать и прописать правильно стили.
ul.menu {list-style:none;padding:0;margin:0;width:1041px;height:36px;line-height:300%;font-weight:600;background:url('http://zornet.ru/CSS-ZORNET/ZER-1/back.jpg');font-size:12px; font-family:Tahoma; } ul.menu li {float:left;position:relative;height:36px;background:url('http://zornet.ru/CSS-ZORNET/ZER-1/separator.png') top right no-repeat;} ul.menu li a {background:url('http://zornet.ru/CSS-ZORNET/ZER-1/href.png') top center no-repeat;color:#A8FCFF;text-decoration:none;display:block;height:36px;padding:0 11px;margin-right:3px;overflow:hidden;text-shadow:0 1px 1px #000;} ul.menu li a.first {background:none;} ul.menu li a:hover {background:url('http://zornet.ru/CSS-ZORNET/ZER-1/hover.png') top center no-repeat;}
๖ۣۜInspire, вот что получилось, это безусловно стало растянутое или как говорят резиновое меню. И была изменена сама суть его, это основа стала темнее , а вот навигация в желтом оттенке и можете посмотреть что вышло, код ниже приведен.
Только с такими стилями, что сразу видно изменился дизайн, а надо было, немного сделать потемней и сами треугольники создать намного ярче и совершенно другой обзор, где можно установить даже на игровой сайт.
ul.menu li {float:left;position:relative;height:36px;background:url('http://zornet.ru/SKRIPT/Menu/separator.png') top right no-repeat;} ul.menu li a {background:url('http://zornet.ru/SKRIPT/Menu/href.png') top center no-repeat;color:#F3FFA6;text-decoration:none;display:block;height:36px;padding:0 11px;margin-right:3px;overflow:hidden;text-shadow:0 1px 1px #000;} ul.menu li a.first {background:none;} ul.menu li a:hover {background:url('http://zornet.ru/SKRIPT/Menu/hover-6754.png') top center no-repeat;}
