✔ Verschiedene Bereiche

[Oetzicool]

Hey ich arbeite an einer Website und hab sie in 3 Teile unterteilt: Banner, Menu, Main! Mann kann sich wohl denken wie es aussehen soll! Ich will aber das in jedem bereich eine andere Art von Link vorhanden ist ich hab es so probiert aber es klappt nicht könnt ihr mir vieleicht weiterhelfen? Danke schonmal!

#banner {
    background-color: #99CCFF;
}
#links {
    background-color: #99CCFF;
    A:link {
           COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
           }
           A:visited {
           COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
           }
           A:active {
           COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
           }
           A:hover {
           COLOR: #FFFFFF; TEXT-DECORATION: underline; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
           }
	
}
#mitte {
    A:link {
           COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
  	   }
           A:visited {
           COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
           }
           A:active {
           COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
           }
           A:hover {
           COLOR: #99CCFF; TEXT-DECORATION: underline; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
           }
}

BODY {
}

 

[Maik]

Verwende mal diese Selektoren:

#banner {
    background-color: #99CCFF;
}

#links {
    background-color: #99CCFF;
}

#links a:link, #links a:visited { 
    /* CSS-Formatierungen */
}

#links a:hover {
     /* CSS-Formatierungen */
}

#links a:active { 
    /* CSS-Formatierungen */
}

#mitte a:link, #mitte a:visited { 
    /* CSS-Formatierungen */
}

#mitte a:hover {
     /* CSS-Formatierungen */
}

#mitte a:active { 
    /* CSS-Formatierungen */
}

 

[Oetzicool]

also so oder?

#links a:link{
COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
}
#links a:visited {
COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
}
#links a:active { 
COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
}
#links a:hover {
COLOR: #99CCFF; TEXT-DECORATION: underline; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
}

 

[Maik]

Die richtige Reihenfolge der Pseudoklassen lautet :link, :visited, :hover, :active. Ansonsten führt dies zu Fehldarstellungen.

Zum anderen lassen sich die Selektoren #links a:link und #links a:visited gruppieren, da sie die gleichen CSS-Eigenschaften besitzen:

#links a:link, #links a:visited{
COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
}

#links a:hover {
COLOR: #99CCFF; TEXT-DECORATION: underline; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
}

#links a:active { 
COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: normal; FONT-Family: Verdana; FONT-SIZE: 8pt;
}

 

[Oetzicool]

Alles klar hat so funktioniert wie du es gesagt hast vielen Dank für die Hilfe!