Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Obrazek obok obrazka
Forum PHP.pl > Forum > Przedszkole
VeParadox
Witam ponownie.
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>

Bardzo proszę o pomoc.
dr_NO
Tam nie znajdzie odpowiedzi, bo to już sprawa css.
A teraz sprawdź to:
"position: relative" - co to za twór? jak już to style="position: relative"
Nie zamykasz tego tagu nigdzie...

ogólnie zainteresuj się: display:inline, warto nadać tym DIV'om też stałą szerokość...
b4rt3kk
Zamiast:

  1. <div id="position: relative">


daj tak:

  1. <div style="float: left">


i jeszcze po tym fragmencie kodu:
  1. <img src="obrazek1.png" onmouseover="document.getElementById('dymek').style.display = ''" onmouseout="document.getElementById('dymek').style.display = 'none'">
  2. <div id="dymek" style="position: absolute; top: 50px; left: 50%; display: none"><img src="obrazek2.png"></div>


dodaj </div>
VeParadox
b4rt3kk bardzo dziękuję za pomoc. Prościej już nie można było odpowiedzieć smile.gif Jeszcze raz THX biggrin.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.