Tlačítko v CSS menu

[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

[1Pupik1989]

odkazu nastavíš display:block.

[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

[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>

[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;
}

[1Pupik1989]

Tu část co nereaguje dělá ten padding u "nav ul li", Přesuň ten padding do toho odkazu.

[esfilip]

Super funguje díky moc.