Fister <nej@tak.dk> writes:
> Hvordan får jeg gjort nedenstående kode til valid XHTML Strict?
Overvej først om det er smart at bruge XHTML, når IE stadig ikke
understøtter det.
> I følge Strict er det ikke tilladt at have block-elementer (div)
> inden i inline-elementer (a).
Korrekt. Det er heller ikke tilladt i transitional, eller for
den sags skyld i HTML.
> Jeg vil gerne have at billede,
> overskrift og tekst er adskilt af linjeskift og at overskrift og
> tekst begge blive highlight'et (røde) hvis musemarkøren er over
> billedet, overskriften eller teksten. Jeg har gjort det valid kode
> ved at angive a.display: block,
Mmm, nej. Det er acceptabelt block/inline-mæssigt, men det bliver det
ikke validt HTML/XHTML af.
> men lurer nu på om der er en bedre løsning.
Prøv:
<!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="en" lang="en">
<head>
<title>Test</title>
<style type="text/css">
.colorchange:hover { color: red; }
</style>
</head>
<body>
<div id="kolonne">
<div class="colorchange">
<div class="billede"><img alt="nyhed" src="nyhed.gif" /></div>
<div class="overskrift">Overskrift</div>
<div class="tekst">Blah blah blah blah blah blah blah
blah blah blah</div>
</div>
</div>
</body>
</html>
Det virker så ikke i IE6, som ikke forstår det meste af CSS2 (og i CSS1
virkede :hover kun på links).
Alternativt, og meget meget grimt:
<!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="en" lang="en">
<head>
<title>Test</title>
<style type="text/css">
a.colorchange { text-decoration: none; display: block;}
a.colorchange img { border: none; }
a.colorchange:hover { color: red; }
span.fakediv { display:block; }
</style>
</head>
<body>
<div id="kolonne">
<a class="colorchange" href="#" onclick="return false;">
<span class="fakediv billede"><img alt="nyhed" src="nyhed.gif" /></span>
<span class="fakediv overskrift">Overskrift</span>
<span class="fakediv tekst">Blah blah blah blah blah blah blah
blah blah blah</span>
</a>
</div>
</body>
</html>
Held og lykke
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:
http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'