Hej,
Jeg har lavet en #id boks der er 110px bred. Den skal indeholde nogle
menupunkter som tilføres display:block egenskaben. Når jeg så fører musen
henover mit menupunkt, så vil jeg ha' baggrundsfarven til at skifte på hele
baggrundsrækken - det gør den bare ikke. Det har formodentlig noget med en
doctype at gøre. Jeg har bemærket at IE er ligeglad med om der er doctype
eller ej. Opera gør som jeg vil ha' - Mozilla laver kun baggrundsfarven om
lige der hvor teksten er, og ikke på hele rækken.
Er der nogle af jer der har en løsning på dette problem. Jeg kan
selvfølgelig bare lave et baggrundsbillede der er 110px i bredden, men jeg
vil hellere undgå at bruge eksterne filer til sådan noget.
Her er hvordan jeg har lavet det indtil videre:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>Welcome to Adobe GoLive 5</title>
<link rel="stylesheet" href="Liz_style.css" media="screen">
</head>
<body bgcolor="#ffffff">
<div id="menu">
<span class="ny_menu"><a href="index_igen.htm">Forside</a></span>
<span class="ny_menu"><a href="historie.htm">Historie</a></span>
</div>
</body>
</html>
CSS-filen:
..ny_menu{display:block; background-color:#939393; border-bottom: 1px solid
#fff; }
a:active,a:visited,a:link { color: #51e8ff; font-size: 12px; line-height:
20px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-
decoration: none }
a:hover { color: #40b7c9; font-size: 12px; line-height: 20px; font-family:
Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none;
background-color: #cecece; margin: 0px; padding: 0px; position: relative;
left: 0px; width:110px; }
#menu { position: absolute; top: 0pt; left: 0pt; width: 110px; text-align:
center; }
Med venlig hilsen Ricki