Autor Zpráva
Sonny
Profil *
mam problem s temito tagy. Udelam si div tag treba buton, o vysce 22px a šírce 141px do nej vlozim odkaz. nastavim si hover a a:link tak ze link ma svoje pozadi, hover ma taky sve pozadi, ale kdyz chci nastavit padding (5px 0px 0px 30px)pro oba tak se mi rozjedou o 30px do leva a na výšku vubec nereaguji, tim myslim tech 5px.
Co mám tedy dělat?
Do divu je vlozen odkaz, ale nejde na nej pouzit padding.
Havel-st
Profil *
display: block;
... a padding je přidání výplně, takže odpočítat od šířky a výšky,
ale spíš byh zkusil:

.buton { width: 141px; margin: 2px; }
.buton a { display: block; line-height: 22px; padding-left: 30px; }

display: block se rozleze na celou šířku divu a line-height nastaví výšku s textem middle
Sonny
Profil *
Jak to vypada v zapisu? nejak sem to nepobral
Sonny
Profil *
tak jsem to udelal takhle

a:link, a:visited {
font-family: "verdana";
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #990000;
text-decoration: none;
padding: 1px 0px 0px 35px;
height: auto;
text-align: left;
display: block;
line-height: 22px;}

a:hover {
font-family: "verdana";
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #ffffff;
text-decoration: none;
padding: 1px 0px 0px 35px;
height: 21px;
text-align: left;
display: block; line-height: 22px;
background:url("images/butonhover.gif");}

#buton {
float: left;
width: 139px;
height: auto;
margin-left: 2px;
background-image: url("images/butonlink.gif");
background-repeat: no-repeat;
display: block;
border: 1px solid #999999;}

je to OK?
Havel-st
Profil *
- Udelam si div tag treba buton, o vysce 22px a šírce 141px do nej vlozim.....
tohle by mělo fungovat:

.buton { width: 141px; margin: 0; }
.buton a { display: block; line-height: 22px; padding-left: 30px; }
.buton a:link, .buton a:visited { background-color: #ccc; color: #03c; }
.buton a:hover, .buton a:active { background-color: #eee; color: #f30; }

<div class="buton"><a href="page.php">text odkazu</a></div>
<div class="buton"><a href="page.php">......
......

- ten .buton margin bude podle toho, jak daleko mají být tlačítka od sebe
Havel-st
Profil *
nebo ještě jednoduší možnost:

.buton {
width: 141px;
}
.buton a {
display: block;
text-decoration: none;
line-height: 22px;
padding-left: 30px;
margin: 0;
}
.buton a:link, .buton a:visited {
background-color:
#ccc; color: #663;
}
.buton a:hover, .buton a:active {
background-color:
#eee; color: #f30;
}

<div class="buton">
<a href="page.php">text odkazu</a>
<a href="page.php">text odkazu</a>
.....
</div
Havel-st
Profil *
ta pozadí jsem blbě rozhodil, ale to si uděláš podle svého - stejně tam dáš obrázek místo barvy
Toto téma je uzamčeno. Odpověď nelze zaslat.

0