Stránka 1 z 1
Tlačítko v CSS menu
Napsal: čtv 15. srp 2013, 22:31
od esfilip
Ahoj, mám udělaný menu v HTML a pak styl v CSS. Jde mi o to že v menu mám pár položek jako domů, o nás, kontakty atd... a velikost tlačítek je 70px na výšku a na délku podle délky slova +- nějaký ten odstup od krajů... ale klikat mi jde pouze na daná slova a já bych potřeboval aby to fungovalo v celém tom tlačítku.. jak to udělat?
předem děkuji
Re: Tlačítko v CSS menu
Napsal: pát 16. srp 2013, 10:21
od 1Pupik1989
odkazu nastavíš display:block.
Re: Tlačítko v CSS menu
Napsal: pát 16. srp 2013, 10:47
od esfilip
Super už to funguje, sice ne úplně ale funguje....Teď to funguje na celou výšku toho tlačítka ale ní na celou délku, funguje to pouze na délku samotného slova a pak to má ještě cca 10px po stranách ale ty aktivní už nejsou. ale už takhle super děkuji
Re: Tlačítko v CSS menu
Napsal: pát 16. srp 2013, 13:08
od 1Pupik1989
Příklad:
Kód: Vybrat vše
<style type="text/css">
ul{
list-style:none;
padding:0;
margin:0;
}
ul li{
border:1px solid black;
float:left;
}
ul li a{
display:block;
padding:5px;
}
</style>
<ul>
<li>
<a href='strana1.php'>Strana 1</a>
</li>
<li>
<a href='strana2.php'>Strana 2</a>
</li>
<li>
<a href='strana3.php'>Strana 3</a>
</li>
<li>
<a href='strana4.php'>Strana 4</a>
</li>
</ul>
Re: Tlačítko v CSS menu
Napsal: pát 16. srp 2013, 13:59
od esfilip
v CSS mám toto:
nav ul {
padding-left: 250px;
margin: 0px;
list-style-type: none;
}
nav ul li {
float: left;
padding: 0px 25px;
margin: 0 5px;
font-size: 17px;
height: 70px;
line-height: 4.3em;
}
nav a {
color: black;
text-decoration: none;
text-shadow: 1px 2px 3px #fff;
display: block;
}
nav ul li:hover, .aktivni {
background: #0094ff;
box-shadow: 0px 0px 5px black;
border-radius: 5px 5px 5px 5px;
}
Re: Tlačítko v CSS menu
Napsal: pát 16. srp 2013, 23:30
od 1Pupik1989
Tu část co nereaguje dělá ten padding u "nav ul li", Přesuň ten padding do toho odkazu.
Re: Tlačítko v CSS menu
Napsal: sob 17. srp 2013, 10:39
od esfilip
Super funguje díky moc.