Autor Zpráva
Chobot
Profil
Mam dotaz, kdyz zformatuju odkazy pomoci css aby vypadali jako tlacitka - neco jako je tady na strankach http://www.jakpsatweb.cz/priklady/jakotlacitko.html nevite nekdo jak udelat aby vsechny tlacitka meli stejnou sirku - v menu nevypada dobre kdyz jsou tlacitka ruzne velka podle delky textu???
Bubák
Profil
Základ je přibližně toto:
a {display: block; width: 10em; height: 1em; border: outset 4px; }
a: hover {border-style: inset; }

Netestoval jsem to, snad tam není překlep. Styl jde samozřejmě doplnit o barvy textu, pozadí, margin, padding, centrování, float...
petr6
Profil
...aby vsechny tlacitka meli stejnou sirku
a {display: block; width: 10em; height: 1em; border: outset 4px; }
Myslim, ze tohle nefunguje ve FF, stejne tak jako span. Ale div by fungovat mel.
Zahon
Profil
petr6
Nechápu proč by to nemělo fungovat ve FF, podle mě to FF zblajzne jako malinu a nezastaví se nad tím. Ale netestoval jsem to.. každopádně obdobnou konstrukci (akorát s width většinou v pixelech) používám pořád a funguje kde se dá...
petr6
Profil
Mne to prave ve FF nefungovalo.
Bubák
Profil
Překlep tam byl, a:hover samozřejmě bez mezery :o)
Trochu jsem to obarvil a zkulturnil:
a {
display: block;
width: 5em;
height: 1em;
border: outset 4px;
margin: 0.3em;
padding: 0.5em;
color: silver;
background: blue;
text-align: center;
font-family: arial, sans-serif;
font-size: 1.4em;
font-weight: bold;
}
a:hover {
border-style: inset;
color: yellow;
background: navy;
}

petr6
Myslim, ze tohle nefunguje ve FF, stejne tak jako span. Ale div by fungovat mel.
Pravděpodobně jsi neměl display: block;.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0