Navi

[Hirni159]

hallo!

wie bekomme ich bei der navi die form um hintergrund hin???

http://www.brg-landeck.tsn.at/news/

also da wo steht SCHULE, .....

das graue hintelegte feld


:)


bitte helft mir!

PS: ich weiss nit ob das CSS ist!

 

[Artemis]

In diesem Fall haben die eine Ungeordnete Liste mit Links.
Diese Links haben alle ein Hintergrundbild, was rechts einen schmalen durchsichtigen Streifen hat, wo man die Hintergrundfarbe der Links sehen kann.
Wenn der Link überfahren wird (:hover) dann wird ein andere Hintergrundbild angezeigt.

Das ist der HTML-Code der Seite dazu:

<ul id="ulN">
  <li class="liA">[url="../news/"]News[/url]
  [*][url="../schule/"]Schule[/url]
  [*][url="../termine/"]Termine[/url]
  [*][url="../projekte/"]Projekte[/url]
  [*][url="../faecher/"]Fächer[/url]
  [*][url="../fotoalbum/"]Fotoalbum[/url]
  [*][url="../community/"]Community[/url]
  [*][url="../formulare/"]Formulare[/url]
  [*][url="../bibliothek/"]Bibliothek[/url]
  [*][url="../links/"]Links[/url]
  [*][url="../kontakt/"]Kontakt[/url]
[/list]

CSS-Code:

#ulN #nvA0{background-color:#336699;}
#ulN #nvA1{background-color:#0e6900;}
#ulN #nvA2{background-color:#dc143c;}
#ulN #nvA3{background-color:#f7bc5b;}
#ulN #nvA4{background-color:#777777;}
#ulN #nvA5{background-color:#4169e1;}
#ulN #nvA6{background-color:#d8b67c;}
#ulN #nvA7{background-color:#123456;}
#ulN #nvA8{background-color:#009300;}
#ulN #nvA9{background-color:#bf908d;}
#ulN #nvA10{background-color:#008080;}
#ulN #nvA11{background-color:#0e8000;}
#ulN #nvA12{background-color:#a3beb0;}
#ulN #nvA13{background-color:#87000d;}

#ulN{border:1px solid #336699;margin:0 14px 0 16px;padding:0;}
#ulN li{height:21px;list-style-type:none;padding:0;}
#ulN li a,#ulN li a:hover{padding-left:2px;color:#336699;width:auto;height:100%;display:block;}
#ulN li a:hover{color:#0371ab;}
#ulN a{background-image:url(images/navbgOut.png);}
#ulN .liA a{background-image:url(images/navbgOutA.png);}
#ulN .liS a{background-image:url(images/navbgOutS.png);}
#ulN a:hover{background-image:url(images/navbgOver.png);}

 

[Hirni159]

Danke :)