Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]Pozycjonowanie absolutne zamknięte w ponownie w absolute.
VeParadox
post
Post #1





Grupa: Zarejestrowani
Postów: 154
Pomógł: 0
Dołączył: 29.08.2012

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
b4rt3kk
post
Post #2





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----


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>.

Ten post edytował b4rt3kk 14.09.2012, 13:22:36


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 01:41