Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Pozycjonowanie absolutne zamknięte w ponownie w absolute.
Forum PHP.pl > Forum > Przedszkole
VeParadox
Witam.
Mam taki kod:

Kod
<div style="float: left"><a href="http:ble.ble" target="_blank">
<img src="http://www.obrazek.png" onmouseover="document.getElementById('dymek').style.display = ''" onmouseout="document.getElementById('dymek').style.display = 'none'">
  <div id="dymek" style="position: absolute; top: -20px; left: 12%; display: none"><img src="http://www.obrazek2.png"></div></div>

<div style="float: left"><a href="http:ble.ble" target="_blank">
<img src="http://www.obrazek1.png" onmouseover="document.getElementById('dymek').style.display = ''" onmouseout="document.getElementById('dymek').style.display = 'none'">
  <div id="dymek" style="position: absolute; top: -20px; left: 12%; display: none"><img src="http://www.obrazek3.png"></div></div>



Chciałbym całości przypisać absolute, ale nie bardzo wiem jak, bo maja tą definicje dymki... Jak zamknąć to wszystko w całość i dać absolute, tak aby nie kolidowało to z komendami dymków? Bardzo proszę o pomoc.
b4rt3kk
Dla nadrzędnego dla dymka divu musisz dopisać position: relative; i teraz możesz sobie już to opakować w co tylko zechcesz.

  1. <div class="nadrzednyDiv" style="position: absolute;">
  2.  
  3. <div style="float: left; position: relative;"><a href="http:ble.ble" target="_blank">
  4. <img src="http://www.obrazek.png" onmouseover="document.getElementById('dymek').style.display = ''" onmouseout="document.getElementById('dymek').style.display = 'none'"></a>
  5. <div id="dymek" style="position: absolute; top: -20px; left: 12%; display: none"><img src="http://www.obrazek2.png"></div></div>
  6.  
  7. <div style="float: left; position: relative;"><a href="http:ble.ble" target="_blank">
  8. <img src="http://www.obrazek1.png" onmouseover="document.getElementById('dymek').style.display = ''" onmouseout="document.getElementById('dymek').style.display = 'none'"></a>
  9. <div id="dymek" style="position: absolute; top: -20px; left: 12%; display: none"><img src="http://www.obrazek3.png"></div></div>
  10.  
  11. </div>


Poza tym brakuje zamknięcia dla <a>.
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.