nicht angemeldet
Gunnar Bittersmann@@Pryos.org:
nuqneH
Ich hab zwar derzeit kein derartiges Problem, aber ich kann im Moment nicht mal raten wie man das nur mit CSS machen will.
Allein aus Interesse, hast du ein Link auf eine Technik die so etwas komplett ohne JS schafft?
CSS 3: Die :target-Pseudoklasse
Du brauchst natürlich jetzt keine Romane schreiben ;)
Es ist auch eine Kurzgeschichte:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>TEST</title>
<style type="text/css">
[code lang=css]a
{
color: inherit;
text-decoration: inherit;
}
a[href="#difference"]
{
background: ButtonFace;
border-top: 1px solid ButtonHighlight;
border-right: 1px solid ButtonShadow;
border-bottom: 1px solid ButtonShadow;
border-left: 1px solid ButtonHighlight;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: ButtonText;
padding: 2px;
}
:target a:not([href="#difference"])
{
color: blue;
text-decoration: underline;
}
</style>
</head>
<body id="difference">
<p>foo <a href="http://example.net">bar</a> baz</p>
<p><a href="#difference">Vive la différence</a></p>
</body>
</html>[/code]
Qapla'
--
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
Der Martin