Autor Zpráva
jsulc
Profil *
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
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 *
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 *
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
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
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
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
Radek Hrabůvka
tak tahle jsi to myslel... tak to jsem byl i já trochu mimo;-)
Leo
Profil
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 *
Leo
díky za logické vysvětlení.
printf_jinde
Profil *
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
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
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.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0