weshalb funktioniert <a> style-def. f. image-border nicht?
ecklvo
- css
0 xwolf0 willie.de0 ecklvo0 Linksetzer0 ecklvo
0 Kai Lahmann
hallo miteinander!
ich hab eine Seite bei der ich folgenden Style definiert habe:
a.linkstatus:link {
color: #0000FF; border: 3px solid #0000FF;
}
a.linkstatus:visited {
color: #990099; border: 3px solid #990099;
}
a.linkstatus:hover {
color: #000000; border: 0px none #000000;
}
a.linkstatus:active {
color: #FF0000; border: 3px solid #FF0000;
}
Der dazugehörige Link schaut so aus:
<a href="#auftrag" class="linkstatus"><img src="images/pi.gif" width="119" height="8" border="0" name="btn_auftrag" alt="button_Auftrag"><img src="images/transpixel.gif" width="1" height="1" border="3" alt="Auftrag_linkstatus"></a>
ich wollte mit dem zweiten img erreichen einen "Linkstatus" anzuzeigen.
Das Problem ist, dass der IE (der bisher einzige Browser im Test) mir die Linkdefinition nicht annimmt. Er zeigt KEINE Farbänderung des Links
ich musste im body-bereich die Linkfarben definieren.
und das wollte ich mir ersparen, weil dieses Projekt HTML4 strict werden soll!
Könnt Ihr mir vielleicht weiterhelfen?
Danke im voraus, ecklvo
hallo miteinander!
ich hab eine Seite bei der ich folgenden Style definiert habe:
a.linkstatus:link {
color: #0000FF; border: 3px solid #0000FF;
}
Die Syntax erscheint mir falsch. (Dito für die anderen)
Müsste eher so aussehen:
a.linkstatus:link {
color: #0000FF;
border-width: 3px;
border-style: solid;
border-color: #0000FF;
}
Ciao,
Wolfgang
Die Syntax erscheint mir falsch.
nönö! das is mal so okay wies oben steht...
mir bleibt trotzdem unklar, was nicht funktioniert. das javascript, das den bildwechsel, der offensichtlich eintreten soll, steuert?
die farben sollten sich doch entsprechend ändern - allerdings für text, nicht für ein bild.
mfg willie
die farben sollten sich doch entsprechend ändern - allerdings für text, nicht für ein bild.
vergiss das mit dem text, faselfehler ;-)
hallo miteinander!
ich hab eine Seite bei der ich folgenden Style definiert habe:
a.linkstatus:link {
color: #0000FF; border: 3px solid #0000FF;
}
Die Syntax erscheint mir falsch. (Dito für die anderen)
Müsste eher so aussehen:
a.linkstatus:link {
color: #0000FF;
border-width: 3px;
border-style: solid;
border-color: #0000FF;
}
Ciao,
Wolfgang
man kann gleichartige Anweisungen wie border oder font zusammenfassen
gruß, e
</faq/#Q-09a> (!)
</faq/#Q-09a> (!)
werde ich mir für die zukunft merken; allerdings halte ich es persönlich so, dass ich gern mittendrin bei einem thema einsteige, da ich dann nicht fünfmal klicken muss --> nur durch wiederholung möglich; zudem war der ErstText durchaus für meine Antwort notwendig.
Deine Antwort zitiere ich hier, damit auch andere den Link zur FAQ mitbekommen.
gruß, e
a.linkstatus:hover {
color: #000000; border: 0px none #000000;
}
das würde nur einen Rahmen um das <a> setzen, sonst nichts. Ein <img/> in diesem interessiert das nicht.
Das geht dann mit a.linkstatus:hover img{}
wichtig ist dabei, dass du den Wert für border-width nicht setzt - sonst fülhen sich beide Bilder angesprochen.