Individuelle Linkeigenschaften - alexking - 14.01.2008
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}
RE: Individuelle Linkeigenschaften - ows - 14.01.2008
.leisteun a:link { ... }
.leisteun a:active { ... }
.leisteun a:visited { ... }
.leisteun a:hover { ... }
RE: Individuelle Linkeigenschaften - NetHunter - 14.01.2008
Ergänzend dazu ist http://www.css4you.de immer eine große Hilfe.
RE: Individuelle Linkeigenschaften - alexking - 15.01.2008
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 !
RE: Individuelle Linkeigenschaften - ows - 15.01.2008
Stehen die ".leisteun"-Einträge NACH den normalen Link-Definitionen, also am Ende?
[EDIT]
Tja, da war ich wohl zu langsam
[/EDIT]
|