| Autor | Zpráva | ||
|---|---|---|---|
| Miraňák Profil * |
#1 · Zasláno: 2. 1. 2009, 16:32:33
Zdravím, mám menu tady je jeho li:
<li class="menu_tlacitko"><a href="/">Úvodní strana</a></li> a k tomu mam css: .menu_tlacitko{
text-align:left; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold;
width:219; height:30px;
background-image:url(/images/menu_tlacitko.jpg);
}
.menu_tlacitko a{
display:block;
width:200; height:30px;
}
.menu_tlacitko a:hover{
display:block;
width:219; height:30px;
background-image:url(/images/menu_tlacitko_hover.jpg);
}nevíte někdo jak odsadím text tak abych neodsazoval li s ním protože když tam dám paiding tak to dělá neplechu.. |
||
| panther Profil |
#2 · Zasláno: 2. 1. 2009, 17:13:51 · Upravil/a: panther
Miraňák
„když tam dám paiding tak to dělá neplechu..“ jakou neplechu to dělá? Použij padding, o nějž zmenši width, příp. ho dej k odkazu. Btw. u width ti chybí jednotky v CSS |
||
| Miraňák Profil * |
#3 · Zasláno: 2. 1. 2009, 17:36:36
panther
to už jsem taky zkoušel jenže při hover se mi to "vykouslo" obrazek kterej mel nahradit cele tlačítko se posunul s tím textem. |
||
| panther Profil |
#4 · Zasláno: 2. 1. 2009, 18:19:24
Miraňák
„při hover se mi to "vykouslo" obrazek kterej mel nahradit cele tlačítko se posunul s tím textem.“ jak „vykouslo“? Zkus dát odkaz nebo více kódu a kde ti co přesně nefunguje. Chceš snad padding jen při hoveru? Tvá poznámka o hoveru mě trochu rozhodila :-) |
||
| Miraňák Profil * |
#5 · Zasláno: 2. 1. 2009, 18:26:10
ne ne :) ja chci paiding všude, ale pokud se me to povede rozchodit zahadným zpusobem v mozile tak to nejde v exploreru :)
zkoušel jse mdát paiding do a, a:hover = 19px a taky sem ubral widht na 200px mozilla ok opera taky ale explorer me hazí strášný chyby .. 1chyba že se to cely zkratí o tech 19px a neposune a pak se mi text z jednoho menu přesouvá do druheho .. nechapu co to je za blbost :) |
||
| Bubák Profil |
#6 · Zasláno: 2. 1. 2009, 18:34:46
Koukni na můj příklad, myslím, že chceš něco podobného:
http://teststranek.kvalitne.cz/menu5/ Pokud by s tím byly v IE problémy, tak za to může vykreslovací režim, a s tím souvisí použitý box-model. Pokud nevíš, o co jde, dak sem zkopíriuj řádek s DTD (doctype), nebo napiš, že DTD nepoužíváš. |
||
| panther Profil |
#7 · Zasláno: 2. 1. 2009, 18:37:45 · Upravil/a: panther
Miraňák
CSS: .menu_tlacitko {
text-align: left;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
width: 200px;
height: 30px;
background: red url(/images/menu_tlacitko.jpg);
float: left;
margin: 0;
padding: 0;
}
.menu_tlacitko a {
display: block;
width: 200px;
height: 30px;
padding: 0 0 0 19px;
}
.menu_tlacitko a:hover {background: url(/images/menu_tlacitko_hover.jpg);}HTML: <ul class="menu_tlacitko"> <li><a href="#">polozka</a></li> <li><a href="#">polozka</a></li> <li><a href="#">polozka</a></li> </ul> EDIT: byls rychlejší. |
||
| Miraňák Profil * |
#8 · Zasláno: 2. 1. 2009, 22:02:34
Díky ani už na to koukat nebudu ale i tak díky zkoušel jsem zkoušel a nakonec to vyřešilo to že sem nastavil width:219px; (to šlo v IE) a pro ostatní jsem za to napsal max-width:200px; a funguje to parádně .. snad to bude fachat i ve staršich .. Díky za rady.
|
||
| panther Profil |
#9 · Zasláno: 2. 1. 2009, 22:24:14
Miraňák
„snad to bude fachat i ve staršich ..“ není nic jednoduššího, než to vyzkoušet ;-) |
||
|
Časová prodleva: 18 let
|
|||
0