Autor Zpráva
Miškin
Profil
Mám udělaný tlačítka pomocí css, ale nějak nemůžu nastavit aby měli všechny stejnou šířku.

#menu a.tlacitko {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #000000;
}
#menu a.tlacitko {
background-color: transparent;
border: 1px solid;
border-color: #f0f0f0 #909090 #909090 #f0f0f0;
margin: 1px;
padding: 2px 6px;
text-decoration: none;
}
#menu a.tlacitko:hover {
border-color: #909090 #f0f0f0 #f0f0f0 #909090;
}

<div id="menu">
<a class="tlacitko" href="" title="">1 odkaz</a><br />
<a class="tlacitko" href="" title="">22 odkaz</a><br />
<a class="tlacitko" href="" title="">333 odkaz</a><br />
<a class="tlacitko" href="" title="">4444 odkaz</a><br />
<a class="tlacitko" href="" title="">55555 odkaz</a><br />
</div>

Poradí někdo?
Hanz
Profil
Jestli jsem tě dobře pochopil tak takhle:
width: ŠÍŘKA px;
Fred
Profil
musí být display:block
centi
Profil
Miškin Odkaz (<a>) je riadkovy prvok a preto je jeho sirka vzdy taka, aku vyzaduje jeho obsah (1 odkaz, 22 odkaz, 5555 odkaz).
Tak ako naznacil Fred, nastav odkazom 'display: block;' a sirku 'width: ...px;':

#menu a.tlacitko {
display: block;
width: ...px;

font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #000000;
}
Miškin
Profil
Teď když vidím odpověď tak si říkám že uš se to tady asi řešilo. Díky moc :)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0