Teufelskerl1977
Mitglied
Hab auf einer Seite ein Menü mit folgendem HTML-Code:
Das CSS sieht so aus:
Wie kann ich das denn nun einstellen, dass im Menü sichtbar ist auf welche Seite ich bin. Also wenn ich auf Kontakt bin, dann soll im Menü der Link bei Kontakt quasi so aussehen wie beim hover-effekt
<ul id="menu">
<li><a href="index.html">Startseite</a></li>
<li><a href="profil.htm">Profil/Philosophie</a></li>
<li><a href="portfolio.htm">Portfolio/Referenzen</a></li>
<li><a href="kontakt.htm">Kontakt</a></li>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
Das CSS sieht so aus:
#menu { float: right; width: 584px; padding: 10px 0; margin: 19px 0 5px; border-bottom: 5px solid #e0e0e0; }
#menu li { font-size: 11px; display: inline; }
#menu li a { padding: 17px 5px 0 10px; margin: 0 15px 0 0; background: #fff url(../bilder/menuarrow.jpg) no-repeat 10px 5px; color: #808080; border-left: 1px solid #e0e0e0; }
#menu li a:hover { color: #000; border-left: 1px solid #fe0303; }
Wie kann ich das denn nun einstellen, dass im Menü sichtbar ist auf welche Seite ich bin. Also wenn ich auf Kontakt bin, dann soll im Menü der Link bei Kontakt quasi so aussehen wie beim hover-effekt