Помогите разобраться с динамическим меню на CSS!

[Gudvinuk]

Помогите разобраться с горизонтальным меню на CSS?!

Вот то что используется в шаблоне main.tpl :

<!-- Топ-меню начало -->
<div class="">
<ul class="topmenu">
  <li><a href="/"><font color="#fff">Как выбрать</font></a></li>
  <li><a href="/zakaz.html">Как заказать</a></li>
  <li><a href="/">Как оплатить</a></li>
  <li><a href="/">Как получить</a></li>
  <li><a href="/">Акции</a></li>
</ul>
</div>
<!-- Топ-меню конец -->

Вот стиль CSS :

*/
html,body,table,td,tr,h1,h2,h3,h4,h5,h6,img{padding:0;margin:0;}
body{margin:15px 0;color:#666;}
table,td,tr,h1,h2,h3,h4,h5,h6{font:normal 12px/16px arial,sans-serif;}
html,body{font:normal 12px/16px arial,sans-serif;color:#000;}
html{background: #293437;}
a img{border:0}
a{color:#81BA01;text-decoration:none;}
a:hover{color:#81BA01; text-decoration:underline;}
a:focus{outline:none;}
.clear{line-height:0px; clear:both;}
/* весь блок */
.contener{width:1000px; margin:10px auto 0;}
/* середина */
.body{padding:0px 0px px 0px; background:#ECEEEF url(../images/rss_taib.png) no-repeat -30px -30px;}
/* закладка */
.zakladka{position:absolute; margin:5px 0 0 850px;}
.zakladka a{color:#fff;}
/* топ-меню */
#911 a{color:#fff;}
.topmenu{position:absolute; margin:78px 0 0 320px; padding:0 3px; background: url(../images/topmenu.gif) top no-repeat; height:25px; width:540px;}
.topmenu li{float:left; display:inline; list-style:auto; position:none; padding:5px 0 0 20px; margin:0;}

У меня два вопроса:

1) Как выровнять тексты ссылок по кнопкам?! Само меню

2) Как сделать так, чтобы при нажатии на ссылку - оставалось выделенным та кнопка, на которой эта ссылка была:

при нажатии чтобы было так:

Примеров как делать отдельные кнопки валом в интернете, а чтобы при нажатии на ссылку преображалось меню полностью - такого не нашел...((

Edited April 27, 2010 by Gudvinuk

[slicemasta]

у вас картинка вкладок (пунктов) меню это одна больша картинка которая является фоном .topmenu, В общем переверстать вам нужно меню, как минимум ксс править, порезать картинки, сделать класс для активной вкладки и тд.

[s0rr0w]

Мне кажется, что автор топика взялся за задачу, которая слишком сложная для его уровня.

[Gudvinuk]

у вас картинка вкладок (пунктов) меню это одна больша картинка которая является фоном .topmenu, В общем переверстать вам нужно меню, как минимум ксс править, порезать картинки, сделать класс для активной вкладки и тд.

А можно пример класса для активной вкладки?!

Мне кажется, что автор топика взялся за задачу, которая слишком сложная для его уровня.

Мне казалось, здесь на форуме можно получить совет в виде кода, а не обсуждать сложность задач...

Как говорится - глаза боятся, а руки делают...)

[s0rr0w]

Мне казалось, здесь на форуме можно получить совет в виде кода, а не обсуждать сложность задач...

Как говорится - глаза боятся, а руки делают...)

Вы форумом ошиблись. На этом форуме советы дают только в виде советов. Код дают только в том случае, если автор топика проявляет хоть мало-мальский интерес к технологиям и пытается в первую очередь самостоятельно решить задачу.

Если вам нужен код, то пишите в раздел коммерческих услуг.