Autor | Zpráva | ||
---|---|---|---|
Venca V. Profil * |
#1 · Zasláno: 22. 2. 2007, 20:47:53
Jde o to, že v IE se odkazy s nastaveným display:block zobrazí s mezerou mezi nimi, i když mají nastavený margin 0px. To by nebyl problém odstranit záporným marginem, kdyby alespoň byla mezera pořád stejná, ale při změně velikosti písma se zvětšuje i ona mezera. Víte prosím někdo, jak (jestli) by se to dalo vyřešit? Ve Firefoxu i Opeře se zobrazí správně. Tady je odkaz. Díky...
|
||
habendorf Profil |
#2 · Zasláno: 22. 2. 2007, 22:05:40
Nastavit width.
|
||
Venca V. Profil * |
#3 · Zasláno: 22. 2. 2007, 22:23:40
Bohužel žádná změna... Nastavil jsem menu šířku i výšku, ale nic...
|
||
habendorf Profil |
#4 · Zasláno: 22. 2. 2007, 22:29:48
Ne menu, odkazu.
|
||
Vít Dlouhý Profil |
#5 · Zasláno: 22. 2. 2007, 22:31:54
menu li {float:left;}
|
||
habendorf Profil |
#6 · Zasláno: 22. 2. 2007, 22:37:37
Vít Dlouhý: Width je jednodušíí, nemusí se řešit žádné clearování. Funguje také třeba border-bottom a asi i další vlastnosti, třeba zoom.
|
||
Venca V. Profil * |
#7 · Zasláno: 23. 2. 2007, 13:41:09
habendorf - šířku odkazů jsem měl nastavenou od začátku...
Vít Dlouhý - float left jsem nechtěl, chtěl jsem je mít právě pod sebou... Původní myšlenka byla taková, že jsem chtěl dát na pozadí jednotlivých odkazů rozřezané části obrázku, které ve výsledku tvoří celek... Spolu s použitým jednoobrázkovým rolloverem to vypadalo fakt pěkně , ale když to pak v IE nenavazuje, tak je to na ....... |
||
tiso Profil |
#8 · Zasláno: 23. 2. 2007, 13:53:18
Venca V. zruš odriadkovanie medzi položkami <li>
|
||
Venca V. Profil * |
#9 · Zasláno: 23. 2. 2007, 13:56:10
Zkoušel jsem i to, měl jsem všechny <li> na jedné řádce, ale bohužel to nic nevyřešilo... prostě explorer je explorer :-(
|
||
Plaváček Profil |
#10 · Zasláno: 23. 2. 2007, 14:54:44
Venca V.
Řešení je prosté. Nastav font-size nikoli pro A, ale pro celé MENU. Takto: <style> body {background-color:#00f;color:#fff;padding:0px;} menu {width:100px;height:100px;font-size:12px;} menu li {display:block;padding:0px;margin:0px;height:50px;width:100px;list-sty le-type:none} menu a {margin:0px;padding:0px;text-align:center;height:50px;width:100px; overflow:hidden;display:block;border-width:0px; background: #0f0 url('back.gif') 0px 0px no-repeat;} </style> |
||
Plaváček Profil |
#11 · Zasláno: 23. 2. 2007, 14:58:52 · Upravil/a: Plaváček
Ještě doplním, taky můžeš celý styl výrazně zjednodušit, třeba nějak podobně:
<style> body {background-color:#00f;color:#fff;padding:0px;margin:0} menu {width:100px;height:100px;font-size:12px;} menu li, menu li a {overflow:hidden;display:block;height:50px;width:100px;list-style:none } menu a {text-align:center; background: #0f0 url('back.gif') no-repeat;} </style> |
||
Venca V. Profil * |
#12 · Zasláno: 23. 2. 2007, 15:52:13
Díky moc, tohle funguje... Supeeer :-) Styl zjednoduším, třeba všechny ty padding 0 a margin 0 jsem psal ze zoufalství z toho, že to nefunguje:-))) Fakt díky...
|
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0