Hogy tudnám megcsinálni, hogy ne csak a szöveg, hanem az egész háttere is link legyen? Bővebben lenn.
Nagy vonalakban a kód:
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#"> menu2</a></li>
<li><a href="#"> menu3</a></li>
</ul>
ekkor kapok egy 3 elemből álló menüt , de csak maga a szó lesz a link, az adott lista elemhez tartozó háttér pedig nem.
Olyasmi kellen mint itt:
http://www.papirosz.hu/ baloldali menü, itt nem csak a szöveg a link ,hanem a szöveg háttere is.
most ez van:
ul li {
float:left;
font-size:14px;
list-style-type:none;
margin-right:20px;
margin-left:30px;
margin-top:20px;
}
ul li a{
color:BLACK;
text-decoration:none;
}
de nem tudom , hogy kellene.
ha font-size-ot nem akarok növelni, ha ul li heigh-ot növelek akkor nagyobb lesz de ugyanúgy csak a szöveg lesz a link.
Az előző jól írja, a link méreteit kell állítanod.
Adj block képességet a linknek, állítsd a paddingot, hogy megfelelő méretű legyen a mező.
Valahogy így:
ul li a {
display: block;
padding: 5px 10px;
}
Célszerű a css tulajdonságokat összevonni. Az előző példádban a margint így:
margin: 20px 20px 0 30px;
Sok sikert!
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!