Górne menu - problem

[okw]

Witam.
Pozwolę sobie podłączyć do tematu.
Modyfikuje szablon pwc034_j15. Mam problem z górnym menu. W oryginale wyświetla się w lewym górnym rogu: http://img801.imageshack.us/img801/5471/bary.jpg . Chciałbym, aby wyświetlał się na środku tego pomarańczowego paska. Jestem zielony w tym temacie, ale podejrzewam, że muszę zmodyfikować templatke, tak? Tylko w jaki sposób?
/* begin Header */
div.art-header
{
margin: 0 auto;
position: relative;
z-index: 0;
width: 978px;
height: 200px;
overflow: hidden;
}

div.art-header-png
{
position: absolute;
z-index: -2;
top: 0;
left: 0;
width: 978px;
height: 200px;
background-image: url('../images/header.png');
background-repeat: no-repeat;
background-position: left top;
}


#nav {height:30px;background:none;z-index:1;position:relative;}
#nav ul {margin:10px 0 0 10xp; float:left;}
#nav ul li {list-style:none;float:left;height:30px;position:relativ e; margin:0 3px 0 0; background:none;border:1px solid transparent;}
#nav ul li:hover,#nav ul li#current, #nav ul li.active {background:url(../images/nav.png) top center repeat-x;border:1px solid #003785;}
#nav ul li a {display:block;padding:0 10px;line-height:30px;color:#fff;font-weight:normal;text-decoration:none;background:none;}
#nav ul li.active a {color:#EFDFB3;}
#nav ul li a:hover, #nav ul li:hover a{color:#EFDFB3;text-decoration:none;}
#nav ul li.sfHover a {}
#nav ul li ul {position:absolute;width: 160px;left:-999em;margin:0; padding:0;}
#nav ul li ul ul {margin:-26px 0 0 159px;}
#nav ul li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
#nav ul li:hover li a { color:#fff;}
#nav ul li li {padding:0; margin:0;height:auto;width: 160px;border:none; }
#nav ul li li:hover, #nav ul li ul li#current, #nav ul li ul li.active { border:none;}
#nav ul li ul li a{margin:0;height:25px;line-height:25px; color:#000;background:#003785; border-bottom:1px solid #00275e; border-left:3px solid #00275e; font-size:11px;}
#nav ul li ul li.active a, #nav ul li ul li a:hover{color:#000;background:#C2B091;}
#nav ul li li a, #nav ul li.active li a {font-weight:normal;}
#nav ul li:hover ul, #nav ul li.sfHover ul {left:0;}
#nav ul li li:hover ul, #nav ul li li li:hover ul, #nav ul li li li li:hover ul, #nav ul li li.sfHover ul, #nav ul li li li.sfHover ul, #nav ul li li li li.sfHover ul {left:0;}

/* end Header */

O ile się nie mylę to ten fragment odpowiada za to menu.
link do szablonu (http://www.freejoomlatemplatez.com/download/computer_and_technology/joomla_1.5.x/pwc-034-j15.zip)


//KYCu: nie podpinamy się ze swoim problemem pod czyjeś tamaty, bo sie bałagan robi! 1 problem = 1 temat -> REGULAMIN

ok, przepraszam

[Robster]

Możesz podać link do jakiegoś dema tego szablonu w sieci, byłoby sporo łatwiej. Znalazłem taki http://www.templatki.com/joomla/?template=pwc034_j15 układem hedera nieco podobny do tego obrazka co zamieściłeś, ale żadnego pomarańczowego paska nie widzę.

[okw]

Tak, to jest dokładnie ten szablon. Pasek występuje w mojej grafice :) Banner ma rozmiar 978x200px. Pasek jest w odległości 105px od górnej krawędzi i ma rozmiar 25x978px. chciałbym, aby menu wyświetlało się na jego środku, podobnie jak na nk.pl, tylko bez rozwijania (a z ciekawości, dużo miałbym roboty, aby dodać rozwijanie do tego szablonu?).

[Robster]

Rozumiem, że ten pasek to zwykła grafika w hederze i nie ma tam żadnego bloku czy pozycji?
Jeśli tak, to wystarczy, że w klasie:

#nav {height:30px;background:none;z-index:1;position:relative;}
dodasz top:x; left:y; gdzie x i y to wartości metryczne.

Jak chcesz mieć rozwijane menu, to zainstaluj Extended menu. Opis jego instalacji i konfiguracji masz na wiki.

[okw]

O, własnie o to chodziło, dzięki ! Tak, pasek to zwykła grafika. Kojarzę, że coś kombinowałem wcześniej z tymi wartościami, ale widocznie dodałem je w złym miejscu :)