Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Individuelle Linkeigenschaften
#1
Ich habe über CSS die Formatierungen wie im beigefügtem Code erstellt. Die allgemeinen Linkeigenschaften stehen bei mir ganz unten. Nun hätte ich gerne, dass für .leisteun andere Linkeigenschaften (link, active, visited, hover) gelten, wie kann man das machen ?


Code:
/* schriftstil,abstände */

body
{margin-top: 10px; margin-left: 0px; margin-right: 0px;margin-bottom: 10px; color: #000000;  background-color:#eaf1f7;
font: normal 12px/18px  times, serif;
}


table,tr,td
{ color: #000000;font: normal 12px/18px  verdana, times, serif;}

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #ff6600; scrollbar-base-color: #ffffff; scrollbar-DarkShadow-Color:#bfd6e6; scrollbar-3dLight-Color:#bfd6e6;
scrollbar-highlight-color : #ffffff; scrollbar-shadow-color : #ffffff;
SCROLLBAR-TRACK-COLOR: #bfd6e6;}

/* grundlayout*/
.inhalt {background-color:#ffffff;
}



.leisteun {background-color:#689bc0;color:white;  font-size: 10px;
height:20px;
line-height:20px;

}



.banner {-moz-opacity: 0.66;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=66);
opacity: 0.66;
border:solid 1px #000000;
background-color:#689bc0;}

.hpname{ color:#ffffff;
font-weight:normal;
letter-spacing:2px;


}

ul{
list-style-type:square;
}

.point1 {border:solid 1px black;background-color:#7095dc}
.point2 {border:solid 1px black;background-color:#CCDAF2}
.point3 {border:solid 1px black;background-color:#ffffff}




/* menue oben */

#menu2 a , #menu2 a:visited , #menu2 a:active {display:block;
color:#000000;
background: url("images/bu.gif");
text-decoration:none ;
font: normal 11px verdana, times, serif;
line-height:24px;
text-decoration:none ;
padding: 0px 0px 0px 0px;
text-align:center;
width:110px;
}

#menu2 a:hover{
color:#000000;
text-decoration:none ;
background: url("images/bu2.gif");
}


/* allgemeine links im text */

a:link, a:visited, a:active{ font: bold 13px/18px verdana, times, serif;text-decoration:underline;color:#000000}

a:hover{ font: bold 13px/18px verdana, times, serif;text-decoration:none;color:#B2CCE5}
Zitieren
#2
.leisteun a:link { ... }
.leisteun a:active { ... }
.leisteun a:visited { ... }
.leisteun a:hover { ... }
 
The User, Formerly Known As "En-Gedi"
 
Zitieren
#3
Ergänzend dazu ist http://www.css4you.de immer eine große Hilfe. Wink
Zitieren
#4
en-gedi schrieb:.leisteun a:link { ... }
.leisteun a:active { ... }
.leisteun a:visited { ... }
.leisteun a:hover { ... }


Update:
Hat jetzt doch geklappt, es war nur an der falschen Stelle eingefügt.
Vielen Dank !
Zitieren
#5
Stehen die ".leisteun"-Einträge NACH den normalen Link-Definitionen, also am Ende?

[EDIT]
Tja, da war ich wohl zu langsam Toungue
[/EDIT]
 
The User, Formerly Known As "En-Gedi"
 
Zitieren