Legördülő menü css-ben?
A problémám az lenne, hogy amint beteszem ,hogy abszolút pozíció legyen(tehát ne tolja a menüsort ) nem akar legördülni és csak az első elemet jeleniti meg.
html:
<head>
<title>menu</title>
<link rel="stylesheet" type="text/css" href="proba.css"/>
</head>
<body>
<ul>
<li><a href="#">Belföld</a>
<ul><li><a href="#">parlament</a></li>
<li><a href="#">orfk</a></li>
<li><a href="#">szeged</a></li> </ul>
</li>
<li><a href="#">Külföld</a>
<ul><li><a href="#">háború</a></li>
<li><a href="#">eu</a></li>
<li><a href="#">usa</a></li> </ul>
</li>
<li><a href="#">Gazdaság</a>
<ul><li><a href="#">válság</a></li>
<li><a href="#">tőzsde</a></li>
<li><a href="#">export</a></li> </ul>
</li>
<li><a href="#">sport</a>
<ul><li><a href="#">foci</a></li>
<li><a href="#">tenisz</a></li>
<li><a href="#">poker</a></li> </ul>
</li>
</ul>
</body>
css:
ul li {
float:left;
margin-left:20px;
list-style-type:none;
background-color:gray;
color:black;
font-size:20pt;
}
a {
decoration:none;
}
ul li a:visited{
color:black;
}
ul li ul li {
margin-left:-40px;
float:none;
display:none;
background-color:BCB7B7;
}
ul li:hover ul li{
display:block;
position:absolute; <---------emiatt..
}
A kérdésem az lenne ,hogy miért nem gördül tovább?
Ha meg nem teszem bele, hogy abszolút akkor meg ugrál jobbra-balra a főmenűsor.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!