Mój kod działa poprawnie, problemem jest to że obrazki wyświetlają się jeden pod drugim , a chciałbym żeby były obok. Oto kod:
Kod
<div id="position: relative">
<img src="obrazek1.png" onmouseover="document.getElementById('dymek').style.display = ''" onmouseout="document.getElementById('dymek').style.display = 'none'">
<div id="dymek" style="position: absolute; top: 50px; left: 50%; display: none"><img src="obrazek2.png"></div>
<div id="position: relative">
<img src="obrazek3.png" onmouseover="document.getElementById('dymek1').style.display = ''" onmouseout="document.getElementById('dymek1').style.display = 'none'">
<div id="dymek1" style="position: absolute; top: 50px; left: 50%; display: none"><img src="obrazek4.png"></div>
<img src="obrazek1.png" onmouseover="document.getElementById('dymek').style.display = ''" onmouseout="document.getElementById('dymek').style.display = 'none'">
<div id="dymek" style="position: absolute; top: 50px; left: 50%; display: none"><img src="obrazek2.png"></div>
<div id="position: relative">
<img src="obrazek3.png" onmouseover="document.getElementById('dymek1').style.display = ''" onmouseout="document.getElementById('dymek1').style.display = 'none'">
<div id="dymek1" style="position: absolute; top: 50px; left: 50%; display: none"><img src="obrazek4.png"></div>
Bardzo proszę o pomoc.