zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Effekte in der Navi funktionieren nicht...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.12.2008, 18:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.12.2008
Beiträge: 7
Mthi77 befindet sich auf einem aufstrebenden Ast
Standard Effekte in der Navi funktionieren nicht...

Hallo alle zusammen,

habe folgendes Problem:

Bei meiner Navileiste funktionieren die Effekte nicht einwandfrei...verzweifel!!!
a:link soll weiß sein, a:visited schwarz mit unterstrich, a:hover beige mit unterstrich wie bei a:visited.
Es funktioniert nur der hover. Alle Links sind als visited dargestellt.
Habe viel experimentiert, aber keine Lösung. An der Reihenfolge kann es wie ich bereits gelesen habe nicht liegen...

HTML-Code:
<div id="nav">
  <ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="leistungen.html">Leistungen</a></li>
    <li><a href="kontakt.html">Kontakt</a></li>
    <li><a href="impressum.html">Impressum</a></li>
  </ul>
</div>
Code:
div#nav {
	background: #749450 url(../images/bg_nav.gif) repeat;
	height: 35px;
	line-height: 32px;
	padding-left: 190px;
}
div#nav li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: inline; 
	margin-left: 24px;
}
div#nav li a {
	color: #FFFFFF;
	text-decoration: none;
	text-transform:uppercase;
	padding-bottom: 2px;
}
div#nav li a:link {
	color: #FFFFFF;
}
div#nav li a:visited {
	color: #000000;
	border-bottom: 11px solid #e9eddb;
}
div#nav li a:hover {
	color: #e2bc81;
        border-bottom: 11px solid #e9eddb;
}
Schon mal vielen Dank!
Bin absolut verzweifelt...
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.12.2008, 22:26
b74 b74 ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 15.04.2008
Ort: Potsdam
Beiträge: 179
b74 befindet sich auf einem aufstrebenden Ast
Standard

versuchs mal das:

HTML-Code:
<div> //Optional
  <ul id="nav">
    <li><a href="index.html">Home</a></li>
    <li><a href="leistungen.html">Leistungen</a></li>
    <li><a href="kontakt.html">Kontakt</a></li>
    <li><a href="impressum.html">Impressum</a></li>
  </ul>
</div> //Optional
Code:
ul#nav {
	background: #749450 url(../images/bg_nav.gif) repeat;
	height: 35px;
	line-height: 32px;
	padding-left: 190px;
}
#nav li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: inline; 
	margin-left: 24px;
}
#nav li a {
	color: #FFFFFF;
	text-decoration: none;
	text-transform:uppercase;
	padding-bottom: 2px;
}
#nav li a:link {
	color: #FFFFFF;
}
#nav li a:visited {
	color: #000000;
	border-bottom: 11px solid #e9eddb;
}
#nav li a:hover {
	color: #e2bc81;
        border-bottom: 11px solid #e9eddb;
}
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 18:32
grafische Navigation horizontal zentrieren, klappt nicht lila_3 CSS 4 30.11.2010 11:25
Boxen von Navigation und Logo sind zu weit auseinander lila_3 CSS 2 04.09.2009 00:28
IE verschiebt Navi Menü macmensa CSS 7 17.08.2009 17:45
Probleme mit horizontaler Navi rechts lila_3 CSS 2 14.07.2009 22:36


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:03 Uhr.