Navigationen unterschiedlich gestallten

[jackysu]

Hallo Leute,

ich habe zwar CSS schon seit längerem benutzt, aber mehr um Tabellen zu gestalten. Gerade versuche ich komplet auf CSS umzusteigen und habe 2 Probleme.

1. Ich habe einmal a:link, hover, etc. für die #impressum definiert und einmal was anderes für #nav, plus ein standard a:. alle drei überschneiden/überschreiben sich aber.

2. Die linke Navigation ist mit Listen erstellt. FeWo1 - FeWo3 sollen einrücken und kein Border haben.

Das ist die Seite:
http://www.ferienhaus-burkhart.de/index.htm

Ich hoffe ihr versteht was ich meine.

jackysu

[INTCASE]

Grüss jackysu

erstmal solltest du wohl das pröblemchen beheben und irgendwie ist ja auch kein Link auf deine CSS Datei oder Ich bin zu blöd und seh diese nicht. Ich hab auch 2 verschiedene CSS Dateien, eine normal /style.css und eine für Impressum, Info und kontakt alá /style1.css
bis dann

tschö bin wech

[Gernot Back]

Hallo jackysu,

1. Ich habe einmal a:link, hover, etc. für die #impressum definiert und einmal was anderes für #nav, plus ein standard a:. alle drei überschneiden/überschreiben sich aber.

Das ist die Seite:
http://www.ferienhaus-burkhart.de/index.htm

http://www.ferienhaus-burkhart.de/style.css
(view-source:http://www.ferienhaus-burkhart.de/style.css)

Ja, genau so habe ich mir das gedacht: Der Fehler, zu glauben bei durch Komma voneinander getrennten Selektoren bezöge sich der erste Nachfahrensselektor auch auf alle weiteren, die nach den jeweiligen Kommata folgen, wird immer wieder gern gemacht; ich zitiere mal Auszüge aus deiner CSS-Datei:

  
#impressum a:link, a:active, a:visited {  
 color:#FFFFFF;  
 text-decoration:none;  
 }  
  
#navi ul li a:link, a:active, a:visited {  
 display:block;  
 height:30px;  
 color:#0e5b8a;  
 text-decoration:none;  
 font-weight:bold;  
 padding-left:20px;  
 border-top:1px solid #adbdce;  
 }  

Wir wollen mal aufzählen, was du hier definierst:

• #impressum a:link (noch nicht besuchte Links innerhalb eines Elements mit der ID "impressum")
• a:active (gerade geklickt werdende Links im gesamten Dokument)
• a:visited (besuchte Links im gesamten Dokument)

• #navi ul li a:link (noch nicht besuchte Links innerhalb von Listenelementen einer ungeordneten Liste innerhalb eines Elements mit der ID "navi")
• a:active (gerade geklickt werdende Links im gesamten Dokument)
• a:visited (besuchte Links im gesamten Dokument)

Wieso machst du dir überhaupt die Mühe mit besuchten, noch nicht besuchten und gerade angeklickt werdenden Links, wenn die sich in den im enzelnen Eigenschaften gar nicht voneinander unterscheiden sollen?

Gruß Gernot

[jackysu]

Hallo Gernot,

vielen, vielen Dank. Jetzt funktioniert es und macht einen Sinn.

Danke,
jackysu