Горизонтальное меню + css - Форум интересных решений

[ Новые сообщения · Участники · Поиск по форуму · RSS ]

Страница 1 из 1 1
Модератор форума: cucYa, kydapodatsya

Горизонтальное меню + css

ereality

Дата: 02 Марта 2010, 21:05 | Сообщение # 1

● ● ● ● ●

14 сообщений

« 0 »

0 наград

Статус: Offline

Здравствуйте. Подскажите, каким образом можно сделать простое горизонтальное меню (без использования конструктора меню). Чтобы главное меню (глобальный блок aamenu) выводился горизонтально, но другое меню (блок menu) выводился вертикально? Прилагаю скрин того, что планируется получить.

Что нужно отредактировать в css файле, чтобы добиться подобного?
CSS:

Code

/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/281/12.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* ----- */

/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}

.uMenuV .uMenuItem {font-family:Tahoma,Arial,Helvetica;}
.uMenuV li a:link {text-decoration:none; color:#518EAD}
.uMenuV li a:visited {text-decoration:none; color:#518EAD}
.uMenuV li a:hover {text-decoration:underline; color:#518EAD;}
.uMenuV li a:active {text-decoration:underline; color:#518EAD;}

.uMenuV a.uMenuItemA:link {text-decoration:underline; color:#518EAD}
.uMenuV a.uMenuItemA:visited {text-decoration:underline; color:#518EAD}
.uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#518EAD;}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/281/12.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* --------- */

/* Main Menu */
.m {font-family:Tahoma,Arial,Helvetica;}
a.m:link {text-decoration:none; color:#518EAD}
a.m:visited {text-decoration:none; color:#518EAD}
a.m:hover {text-decoration:none; color:#518EAD; font-weight:bold;}
a.m:active {text-decoration:none; color:#518EAD; font-weight:bold;}

.ma {font-weight:bold;}
a.ma:link {text-decoration:none; color:#518EAD}
a.ma:visited {text-decoration:none; color:#518EAD}
a.ma:hover {text-decoration:none; color:#518EAD;}
li.m {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/281/12.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* --------- */

Код, который использую для меню:

Code

<div style="display:inline;" id="menuDiv"><UL class=uz>
<LI class=m><A class=m href="$HOME_PAGE_LINK$">Главная</A>
<LI class=m><A class=m href="/forum/">Форум</A>
<LI class=m><A class=m href="/search/">Поиск</A>
<LI class=m><A class=m href="/dir/">Друзья</A>
<LI class=m><A class=m href="/index/feedback/0-3">Связь</A>
</ul></div>

Горизонтальное меню + css

Страница 1 из 1
1

U.Helper