Autor Zpráva
TFSi
Profil *
Ahoj, možná že se to už někdy řešilo, ale nenašel jsem nic, co by mi pomohlo, takže:
mám na stránce skrytý obrázek (display: none) a pomocí JavaScriptu ho zobrazuji (display: block). Problém je v tom, že se mi po jeho zobrazení v IE všechno pod tímto obrázkem posune dolů o výšku obrázku, což já nechci. Můžete mi poradit jak mám upravit styly, abych se tohoto efektu zbavil??

Výřez zdroje:
...
<textarea id="txt"></textarea>
</div>
<div style="width: 500px; height: 50px;">
<a href="javascript:document.getementbyId('img1').style.display = 'block';">Odkaz</a>
<img src="img/obr1.png" style="display: none; position: relative; top: 10px" id="img1">
</div>
<div id="bottom">
text</div>
...

Předem díky za jakoukoliv pomoc
venca163
Profil
TFSi
použij místo display: none; - visibility: hidden; a místo display: block - visibility: visible...
když skryješ prvek pomocí visibility zůstaně pro něj (narozdíl od display) prázdné místo
http://www.jakpsatweb.cz/css/visibility.html
TFSi
Profil *
A něšlo by to nějak udělat tak, aby tam to prázdné místo nebylo? Přece jenom ten obrázek má okolo 200px na výšku, což je celkem dost
Toto téma je uzamčeno. Odpověď nelze zaslat.

0