14.01.2008, 22:33
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}
