Autor | Zpráva | ||
---|---|---|---|
Sonny Profil * |
#1 · Zasláno: 3. 2. 2006, 03:00:36
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 * |
#2 · Zasláno: 3. 2. 2006, 06:03:23
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 * |
#3 · Zasláno: 3. 2. 2006, 11:37:52
Jak to vypada v zapisu? nejak sem to nepobral
|
||
Sonny Profil * |
#4 · Zasláno: 3. 2. 2006, 11:57:26
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 * |
#5 · Zasláno: 3. 2. 2006, 12:04:23
- 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 * |
#6 · Zasláno: 3. 2. 2006, 12:25:32
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 * |
#7 · Zasláno: 3. 2. 2006, 12:35:03
ta pozadí jsem blbě rozhodil, ale to si uděláš podle svého - stejně tam dáš obrázek místo barvy
|
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0