Hová tegyem a text-decoration: none; parancsot a css-ben?
body {
padding: 0px;
margin: 0px;
behavior: url("csshover.htc");
}
ul, li {
float: left;
list-style-type: none;
padding: 10px;
margin: 0px;
}
ul#menu {
position: absolute;
margin-left: 5px;
left: auto;
top: 177px;
width: 950px;
border: 1px solid #000
}
ul li ul {
background-color: #D9E7EB;
display: none;
}
ul li ul li {
float: none;
width: 112px;
}
ul li:hover ul {
display: block;
}
ul li.cim {
width: 112px;
margin-right: 2px;
margin-top: 6px;
}
ul li:hover {
background-color: #94CEDC;
}
ul li.cim:hover {
background-color: transparent;
}
ul, li -be
bár attol fugg mit szeretnél
ha az ul li be teszem bas*ik működni :S
html:
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
<ul id="menu">
<li class="cim" style="margin-left: 0px;"><a href="#" target="kozep" class="link1">Főmenü1</a>
<ul>
<li><a href="#" target="kozep" class="link2">Főmenü1-Almenü1</a></li>
<li><a href="#" class="link2">Főmenü1-Almenü2</a></li>
<li><a href="#" class="link2">Főmenü1-Almenü3</a></li>
</ul>
</li>
<li class="cim" style="margin-left: -60px;"><a href="#" class="link1">Főmenü2</a>
<ul>
<li><a href="#" class="link2">Főmenü2-Almenü1</a></li>
<li><a href="#" class="link2">Főmenü2-Almenü2</a></li>
</ul>
</li>
</ul>
</head>
<body>
</body>
</html>
Gondolom a menü linkjei vannak aláhúzva.
Akkor ide tedd:
ul#menu {
position: absolute;
margin-left: 5px;
left: auto;
top: 177px;
width: 950px;
border: 1px solid #000
text-decoration: none;
}
Kihagytam egy pontosvesszőt, tehát ide:
ul#menu {
position: absolute;
margin-left: 5px;
left: auto;
top: 177px;
width: 950px;
border: 1px solid #000;
text-decoration: none;
}
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!