Interpretationsproblem bei Linkfarben
merlina
- css
Hallo zusammen,
ich habe ein kleines Problem, die standard Links sollen, wie unten definiert, schwarz dagestellt werden. Die Angaben werden aber nicht umgesetzt.
Die css-classe a.static wird problemlos interpretiert.
body
{
margin:0px 10px;
background-color:#FFFFFF;
}
p
{
font-family:Arial,Verdana,sans-serif;
font-color:#333333; font-size:9pt;
margin-bottom:3pt; margin-top:3pt;
}
td,div,span
{
font-family:Arial,Verdana,sans-serif;
font-color:#333333; font-size:9pt;
}
b {color:#666666;}
#kgllgr
{
position:absolute; top:0px; left:8%;
width:225px; height:100px;
}
#logo
{
position:absolute; top:100px; left:8%;
width:210px;
}
#pics
{
position:absolute; top:32px; left:64%;
width:270px;
}
#menu
{
position:absolute; top:125px; left:40%;
width:455px; margin:0px;
}
#topmenu
{
position:absolute; top:50px; left:41%;
width:300px; margin:0px;
}
#submenu
{
position:absolute; top:150px; left:8%;
width:250px; margin:0px;
}
#header
{
position:absolute; top:175px; left:40%;
width:426px; height:50px;
}
#content
{
position:absolute; top:215px; left:40%;
width:431px;
}
#bgcontent
{
position:absolute; top:175px;
left:40%; width:451px;
}
.whitebold {color:#FFFFFF; font-weight:bold;}
.redbold {color:#990000; font-weight:bold;}
.light {color:#CCCCCC; font-size:8pt;}
.middottop {color:#CC6666; font-size:8pt; font-weight:bold;}
.uppercase {text-transform:uppercase; font-style:normal;}
.text
{
font-family:Arial,Verdana,sans-serif;
font-color:#333333; font-size:100%;
line-height:140%; text-align:justify;
}
a:link {color:#OOOOOO; text-decoration:none;}
a:hover {color:#66OOOO; text-decoration:none;}
a:active {color:#OOOOOO; text-decoration:none;}
a:hover {color:#66OOOO; text-decoration:none;}
a:visited {color:#OOOOOO; text-decoration:none;}
a:hover {color:#66OOOO; text-decoration:none;}
a.static:link {color:#CC6666; text-decoration:none;}
a.static:hover {color:#CC6666; text-decoration:none;}
a.static:active {color:#CC6666; text-decoration:none;}
a.static:hover {color:#CC6666; text-decoration:none;}
a.static:visited {color:#CC6666; text-decoration:none;}
a.static:hover {color:#CC6666; text-decoration:none;}
Unter der URL findet Ihr die Seite die Probleme verursacht.
hi
[SNIPP]
a:link {color:#OOOOOO; text-decoration:none;}
a:hover {color:#66OOOO; text-decoration:none;}
a:active {color:#OOOOOO; text-decoration:none;}
a:hover {color:#66OOOO; text-decoration:none;}
a:visited {color:#OOOOOO; text-decoration:none;}
a:hover {color:#66OOOO; text-decoration:none;}
a.static:link {color:#CC6666; text-decoration:none;}
a.static:hover {color:#CC6666; text-decoration:none;}
a.static:active {color:#CC6666; text-decoration:none;}
a.static:hover {color:#CC6666; text-decoration:none;}
a.static:visited {color:#CC6666; text-decoration:none;}
a.static:hover {color:#CC6666; text-decoration:none;}
der teil hätte erstmal gereicht.
schau dir nochmal http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus an und korrigiere deine angegaben soweit notwendig.
so long
ole
(8-)>
abend,
a.static:link {color:#CC6666; text-decoration:none;}
a.static:hover {color:#CC6666; text-decoration:none;}
a.static:active {color:#CC6666; text-decoration:none;}
a.static:hover {color:#CC6666; text-decoration:none;}
------------^ warum nochmal ?
a.static:visited {color:#CC6666; text-decoration:none;}
a.static:hover {color:#CC6666; text-decoration:none;}
------------^ warum nochmal ?
zudem musst du folgende reihenfolge einhalten:
a:link
a:visited
a:hover
a:active
a:focus
damit auch alles richtig funktioniert...
mfg,
(tanz das)
Z.N.S.
Hi,
Hallo zusammen,
ich habe ein kleines Problem, die standard Links sollen, wie unten definiert, schwarz dagestellt werden. Die Angaben werden aber nicht umgesetzt.
Die css-classe a.static wird problemlos interpretiert.font-family:Arial,Verdana,sans-serif;
font-color:#333333; font-size:9pt;
font-color ist keine CSS-Eigenschaft. Meinst Du color?
margin-bottom:3pt; margin-top:3pt;
}td,div,span
{
font-family:Arial,Verdana,sans-serif;
font-color:#333333; font-size:9pt;
font-color ist keine CSS-Eigenschaft. Meinst Du color?
}
.text
{
font-family:Arial,Verdana,sans-serif;
font-color:#333333; font-size:100%;
s.o.
line-height:140%; text-align:justify;
}
a:link {color:#OOOOOO; text-decoration:none;}
a:hover {color:#66OOOO; text-decoration:none;}
a:active {color:#OOOOOO; text-decoration:none;}
a:hover {color:#66OOOO; text-decoration:none;}
a:visited {color:#OOOOOO; text-decoration:none;}
a:hover {color:#66OOOO; text-decoration:none;}
Warum gibst Du das alles so oft an?
Einmal in der richtigen Reihenfolge (:link, :visited, :focus, :hover, :active) ist vollkommen ausreichend.
#OOOOOO, #66OOOO sind keine gültigen Farbwerte, denn der Buchstabe O ist keine gültige Hexadekadische Ziffer.
a.static:link {color:#CC6666; text-decoration:none;}
a.static:hover {color:#CC6666; text-decoration:none;}
a.static:active {color:#CC6666; text-decoration:none;}
a.static:hover {color:#CC6666; text-decoration:none;}
a.static:visited {color:#CC6666; text-decoration:none;}
a.static:hover {color:#CC6666; text-decoration:none;}
auch hier reicht es, die Angaben in der richtigen Reihenfolge EINMAL zu machen.
cu,
Andreas