Hej...
Ja okay.. Keysersoze.. forstår ikke helt din mening.. "At det virker gør at det ikke er sikkert det virker"...Er Html/Css forældet..?? Et magiker sprog..?? eller bare noget der skal gøres sværer end det er..??
Da du keyser nævnte at effekten kun virkede på links. var det ikke..:
li:hover {
background-color: #c4c5c7;
}
der virkede, men :
li a:hover{
background-color : #c4c5c7;
}..
Har prøvet noget af det som webweaver bød ind med, fungerede ikke i min IE 8.
Nu er jeg i midlertidig løbet ind i endnu et problem, min HTML menu dokument ser således ud..:
<html>
<head>
<title>Mit udkast til en hjemmeside</title>
<link rel="stylesheet" href="CSS\index.css"
type="text/css" />
<link rel="stylesheet" href="CSS\HovedMenu.css"
type="text/css" />
</head>
<body>
<div>
<ul id="menu">
<li><a href="#">Link 1 </a> </li>
<li><a href="#">Link 2</a>
<ul>
<li class="noborder"><a href="#"
>Emne1 </a> </li>
<li class="noborder"><a href="#"
>Emne2 </a> </li>
<li class="noborder"><a href="#"
>Emne3 </a> </li>
<li class="noborder"><a href="#"
>Emne4 </a> </li>
</ul>
</li>
<li> <a href="#">Link 3</a> </li>
<li> <a href="#">Link 4</a> </li>
<li class="noborder"> <a href="#">Link 5</a>
</li>
</ul>
</div>
</body>
</html>
Og her den del af CSS'en jeg ikke kan få til at virke..:
ul#menu li a:hover{
background-color : #c4c5c7;
}
ul#menu li a {
display: block;
float: left;
width: 100%;
}
ul#menu li ul {
display: none;
}
ul#menu li:hover ul {
display:inline;
float: left;
width: 10em;
}
I :
ul#menu li ul {
display:none;
}
Kan jeg godt få Emne 1, Emne 2, Emne 3 og Emne 4. til at forsvinde under link 2, men I den sidste :
ul#menu li:hover ul {
display:inline;
float: left;
width: 10em;
}
Kan jeg simpelthen ikke få emnerne til at fremkomme igen under link 2, da li:hover ikke funger, kan jeg ikke få fat i den unordered list, når musen køres over listitem "link 2 "
Har i evt. en ide til, hvordan det gøres.
Ny bruger
Nybegynder
Opret
Preview
