Strona 1 z 1

Menu pod bannerem

: sob wrz 20, 2008 9:36 pm
autor: QRQ
A więc korzystam z QuickCms, dokładnie z tego skinu

Obrazek
Problem polega na tym, że chcę uzyskać efekt w którym dolna belka (pod bannerem) łączy się z grafiką banneru. Grafika tego menu to plik nav.gif o szer 1pix.

Zamieniłem obrazek na nav o szerokości 900pix (szerokosc bannera) z kawalkiem grafiki i uzyskalem taki efekt.
Obrazek

Problem w tym, że nav jest w formacie .gif gdy próbuje wstawić tam .jpg cms nie wczytuje go(w css zmieniam z nav.gif na nav.jpg) poniżej kod stylu

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head2{position:relative;clear:both;height:149px;background:#332 url('img/header.jpg') no-repeat;color:#fff;}
#logo{padding:40px 40px 0;}
#logo h1{float:left;padding:5px 8px 5px;background:inherit;color:#fff;font:normal 2.317em Georgia;}
#logo h2{clear:left;padding:5px 8px;background:inherit;color:#e4acba;font:normal 1.317em Georgia;}
#logo a{background:inherit;color:#fff;text-decoration:none;}
#logo a:hover{text-decoration:underline;}

/* NAVIGATION PATH - TREE */
#navipath{position:absolute;top:200px;padding:0 0 0 5px;}
#navipath a{background-color:inherit;color:#fff;text-decoration:none;}
#navipath a:hover{text-decoration:underline;}

/* HEADER WITH TOP MENU UNDER LOGO */
#head3{float:left;width:100%;border-top:0px solid #8a817e;background:#ded9d0 url('img/nav.gif');}

/* MENU TOP BELOW LOGO */
#menu2{float:left;font-family:tahoma;font-size:1.08em;list-style:none; padding-left:0px;}
#menu2 li{float:left;}
#menu2 a{display:block;float:left;height:52px;background:url('img/bg-submit.gif') left 20px no-repeat;background-color:inherit;padding:0 20px;border-right:0px solid #c9c6b3;color:#b1aba7;font-weight:normal;line-height:46px;text-decoration:underline;margin-left:10px;}
#menu2 a:hover{background:url('img/bg-submit.gif') left 20px no-repeat;background-color:inherit;color:#fff;text-decoration:underline;}
#menu2 .selected{background:url('img/main-menu_active.gif') left 6px;background-repeat:repeat-x;color:black;text-decoration:none;}
#menu2 .selected:hover{background:url('img/main-menu_active.gif') left 6px;background-repeat:repeat-x;color:black;text-decoration:underline;}

Da w ogóle rade wstawić tam jpg?

Tutaj link do tego skina
http://opensolution.org/download,pl,18. ... e_v2.2.zip

Banner zaczerpnięty z innej strony, na innym cms'ie, chciałem sprawdzić czy na mojej też tak sie da:)