Inspiriert durch
http://www.xhtmlforum.de/viewtopic.php?t=3088
habe ich eben mal versucht einen
[display:none/block] Mechanismus für Text-Blöcke mit reinem CSS zu verwirklichen.
Geht soweit auch gut, bis auf die OUTLINEs im IE, hat da jemand eine Idee
Code:
<!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" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>xxxx</title>
<style type="text/css" media="screen,projection" title="Druckvorschau-semantic-Test">
/*<![CDATA[*/
* {
margin: 0;
padding: 0;
}
html, body {
color: #000000;
background-color: #FF9922;
line-height: 1.45;
}
body {
padding: 3em 1em;
font-size: 100.01%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div {
border: 1px solid #000000;
padding: 1em .5em;
background-color: #FFFFFF;
font-size: .8em;
}
p {
margin: .5em;
background-color: #EEEEEE;
}
a {
color: #000000;
}
a:focus,
a:active {
background-color: #99CCFF;
}
a span {
display: none;
}
a:focus span,
a:active span
{
display: block;
border: 0 none;
padding: 1em;
text-decoration: none;
background-color: #99CCFF;
}
/*]]>*/
</style>
</head>
<body>
<div>
blablabla
<a href="#">aufklappen
<span>rest vom text</span>
</a>
</p>
blablabla
<a href="#">aufklappen
<span>rest vom text
rest vom text</span>
</a>
</p>
blablabla
<a href="#">aufklappen
<span>rest vom text</span>
</a>
</p>
</div>
</body>
</html>