Ved aktiv side, andet billede end ved ikke-aktiv

Thu, 27 Oct 2011 17:57:14 GMT

Hej.
Jeg har bygget min navigationsbar op s�ledes:

HTML kode

 <body>
 <center>
 <div id="logo"></div>
 <div>
 <ul id="ulnav">    
 <li id="linav" class="forside"><a href="#" class="forside">Forside</a></li>
 <li id="linav" class="jakobnissen"><a href="#" class="jakobnissen">Jakob Nissen</a></li>
 <li id="linav" class="produkter"><a href="#" class="produkter">Produkter</a></li>
 <li id="linav" class="referencer"><a href="#" class="referencer">Referencer</a></li>
 <li id="linav" class="kontakt"><a href="#" calss="kontakt">Kontakt</a></li>
 </ul>
 </div>
 <div id="content"><p>&nbsp;</p>
   <p>Hej :-)</p>
 </div>
 <div id="copyright">Copyright © Jakob Nissen</div>
 </center>
 </body>

Med f�lgende CSS:

CSS kode

 @charset "UTF-8";
 /* CSS Document */
 
 body {
     
     background-color:#FFF;
     font-family:Tahoma, Geneva, sans-serif;
     font-size:12px;
 }
 
 #logo {
     width:800px;
     height:80px;
     background-image:url(logo.gif);
     background-repeat:no-repeat
 }
 
 #content {
     width:800px;
     height:500px;
     background-image:url(content.png);
     margin-bottom:5px;
     margin-top:67px;
     text-align:left;
     text-indent:10px;
     color:#000;
 }
 
 #copyright {
     width:800px;
     height:17px;
     background-image:url(copyright.png);
     text-align:center;
     color:#000;
 }
 #ulnav {
     list-style-type: none;
     width: 800px;
 }
 #linav {
     float:left;
     width:150px;
     margin-right:2px;
 }
 a.forside:LINK, a.forside:visited {
     text-align: left;
     text-decoration: none;
     color:#fe9936;
 }
 a.jakobnissen:LINK,a.jakobnissen:visited {
     text-align: left;
     text-decoration:none;
     color:#fe9936;
 }
 a.produkter:LINK, a.produkter:visited {
     text-align: left;
     text-decoration: none;
     color:#fe9936;
 }
 a.blog:LINK, a.blog:visited {
     text-align: left;
     text-decoration: none;
     color:#fe9936;
 }
 a.kontakt:LINK, a.kontakt:visited {
     text-align: left;
     text-decoration: none;
     color:#fe9936;
 }
 a.forside:hover {
     color:#999;
 }
 a.jakobnissen:hover {
     color:#999;
 }
 a.produkter:hover {
     color:#999;
 }
 a.blog:hover {
     color:#999;
 }
 a.kontakt:hover {
     color:#999;
 }
 
 .forside {
     display:block;
     width:160px;
     height:50px;
     text-indent:-9999px;
 }
 .forside a {
     display:block;
     width:100%;
     height:100%;
     background:url(nav_forside.png) no-repeat top left;
     outline:none;
 }
 .forside a:hover {
     background-position:0 -50px;
 }
 
 .jakobnissen {
     display:block;
     width:160px;
     height:50px;
     text-indent:-9999px;
 }
 .jakobnissen a {
     display:block;
     width:100%;
     height:100%;
     background:url(nav_jakobnissen.png) no-repeat top left;
     outline:none;
 }
 .jakobnissen a:hover {
     background-position:0 -50px;
 }
 
 .produkter {
     display:block;
     width:160px;
     height:50px;
     text-indent:-9999px;
 }
 .produkter a {
     display:block;
     width:100%;
     height:100%;
     background:url(nav_produkter.png) no-repeat top left;
     outline:none;
 }
 .produkter a:hover {
     background-position:0 -50px;
 }
 
 .referencer {
     display:block;
     width:160px;
     height:50px;
     text-indent:-9999px;
 }
 .referencer a {
     display:block;
     width:100%;
     height:100%;
     background:url(nav_referencer.png) no-repeat top left;
     outline:none;
 }
 .referencer a:hover {
     background-position:0 -50px;
 }
 
 .kontakt {
     display:block;
     width:160px;
     height:50px;
     text-indent:-9999px;
 }
 .kontakt a {
     display:block;
     width:100%;
     height:100%;
     background:url(nav_kontakt.png) no-repeat top left;
     outline:none;
 }
 .kontakt a:hover {
     background-position:0 -50px;
 }

Siden kan ses her: Jakob Nissen

Det jeg gerne vil have er:
N�r jeg st�r p� siden velkommen, alts� min index.html skal navigationsbaren v�re fuldst�ndig som den er nu, den eneste �ndring skal v�re at "Velkommen"-teksten inde i navigationsbaren skal v�re sort. Det samme skal g�lde n�r man trykker p� de andre punkter. Det er 5 forskellige billeder og dermed skal jeg ogs� have lavet 5 billeder med sort skrift, men hvordan f�r jeg det kodet, s� billederne med sort skrift vises n�r "deres" side er aktiv.

H�ber i forst�r mit sp�rgsm�l. :-)

Jakob

Vis hvor man er i navigationsbar

Mon, 19 Sep 2011 18:09:48 GMT

Godaften udviklere

Er ved at lave en side, hvor jeg har en navigationsbar.
Jeg har 6 menuer i navigationsbaren, og vil gerne vise hvilket hvor man er.
H�ber I forst�er sp�rgsm�let!
-Tak p� forh�nd.

Udvikleren.dk - Seneste [navigationsbar] forum tr�de

Ved aktiv side, andet billede end ved ikke-aktiv

Vis hvor man er i navigationsbar