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) Как сделать так, чтобы при нажатии на ссылку - оставалось выделенным та кнопка, на которой эта ссылка была: при нажатии чтобы было так: Примеров как делать отдельные кнопки валом в интернете, а чтобы при нажатии на ссылку преображалось меню полностью - такого не нашел...((

Помогите разобраться с горизонтальным меню на 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) Как сделать так, чтобы при нажатии на ссылку - оставалось выделенным та кнопка, на которой эта ссылка была: при нажатии чтобы было так: Примеров как делать отдельные кнопки валом в интернете, а чтобы при нажатии на ссылку преображалось меню полностью - такого не нашел...((