Autor | Zpráva | ||
---|---|---|---|
jsulc Profil * |
#1 · Zasláno: 2. 11. 2005, 11:57:46
Máte někdo vysvětlení divného chování IE6 při vkládání obrázků - viz
http://vodaci.euweb.cz/ ? IE mezi ty dva obdélníky vloží malou mezeru, kterou tam nechci. Přišel jsem jen na dost kuriózní řešení: pomůže, když zdrojový kód nebude odřádkovaný. Nikdy mě nenapadlo, že řádkování může mít nějaký vliv na zobrazení... Takže tohle je s mezerou: <div id="header"> <img src="top_image.gif"> </div> A tohle je správně, bez mezery: <div id="header"><img src="top_image.gif"></div> Ostatní prohlížeče jsou OK. Dík za odpovědi... jsulc |
||
Radek Hrabůvka Profil |
#2 · Zasláno: 2. 11. 2005, 13:18:29
IE si tam vyhradil místo pro taková písmenka, jako třeba "y". Řešit sto jde různě, na tvém řeření není nic kuriózního, je to úplně standardní způsob.
|
||
printf_jinde Profil * |
#3 · Zasláno: 2. 11. 2005, 13:34:30
Když je v textu nový řádek, tak ho vezme jako mezeru, třeba i ten nový řádek v za IMG bere jako mezeru, jinak nevím.
|
||
jsulc Profil * |
#4 · Zasláno: 2. 11. 2005, 14:13:48
To Radek Hrabůvka:
- a co to znamená - malé ypsilon???? Kuriózní mi to připadá - nebo víš o jiném případu, kdy odřádkování může ovlivnit zobrazení? Já myslel, že jak si zdroják zformátuju nebo naopak zmatlám, nemá na výsledek vliv?!? díky moc |
||
Timy Profil |
#5 · Zasláno: 2. 11. 2005, 14:26:34
jsulc
a co to znamená - malé ypsilon???? -- ypsilon. Správná odpověď je imho kombinace předchozích dvou příspěvků. Enter v kódu se ti v prohlížeči zobrazí jako mezera, to je normální a vskutku na tom není nic kuriózního. A MSIE si ještě rezervuje místo právě pro nějaké písmenka. Asi jako když máš <div style="background:red; width:100px"></div> FF a opera ti nevykreslí nic, ale MSIE ti tu čáru vykreslí. Jestli nevěříš na ty mezery po odřádkování, tak zkus tenhle kód: <a href="#"> a b c d e </a> |
||
Plaváček Profil |
#6 · Zasláno: 2. 11. 2005, 14:26:46
Libovolný počet mezer ve zdrojáku je prohlížečem interpretován jako mezera jedna. A protože IMG je inline element (tedy nahrazovaný, ale chová se jako inline - řádkový prvek), je logické, že pokud ve zdrojáku ponecháš mezeru, bude také ve výsledku zobrazena. Je to mrzuté, častokrát je na to třeba myslet, ale jinak to nejde :)
|
||
Radek Hrabůvka Profil |
#7 · Zasláno: 2. 11. 2005, 14:30:35
jsulc Když dáš tomu obrázku align="middle", tak IE nebude vyhrazovat dole místo pro taková písmenka, co mají dole "nožičky". Odřádkování je bílá mezera.
<div id="header"><img src="top_image.gif"> </div> |
||
Timy Profil |
#8 · Zasláno: 2. 11. 2005, 14:32:08
Radek Hrabůvka
tak tahle jsi to myslel... tak to jsem byl i já trochu mimo;-) |
||
Leo Profil |
#9 · Zasláno: 2. 11. 2005, 14:34:30
Kdyby se ENTER ve zdrojaku uvnitr stranky v textu neinterpretoval jako mezera mezi slovy, tak to bude docela neprijemne (museli byste mit veskery text odstavce na jednom radku). Na kurzech vzdycky ucastnikum rikam at si img predstavi jako jedno velke pismeno, lip se s tim pak zije :-) Leo
|
||
jsulc Profil * |
#10 · Zasláno: 2. 11. 2005, 14:43:21
Leo
díky za logické vysvětlení. |
||
printf_jinde Profil * |
#11 · Zasláno: 2. 11. 2005, 14:54:36
museli byste mit veskery text odstavce na jednom radku
nebo na zečátek či konec každého řádku dávat extra mezeru navíc nicméně podle původního dotazu to vypadá že Mozilla obrázek jako písmeno nebere. |
||
Radek Hrabůvka Profil |
#12 · Zasláno: 2. 11. 2005, 15:06:32
Je jistý rozdíl mezi:
<img...> <img...> nebo: <div> <img...> </div> <img> ve druhém případě mi tam žádný prohlížeč mezeru neudělá, jen IE vyhradí místo. Je to vidět, když dám do stylu "zviditelnění mezer": * {text-decoration: underline} |
||
habendorf Profil |
#13 · Zasláno: 2. 11. 2005, 19:23:33
Problém je ten, že některé editory mohou při formátování kódu odskočit <img> na další řádek, i když si ho zapíšeš v jednom řádku. Univerzální řešení: float.
|
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0