Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML]Obrazek obok obrazka
VeParadox
post 29.08.2012, 13:32:46
Post #1





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

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


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.
Go to the top of the page
+Quote Post
Damonsson
post 29.08.2012, 13:35:42
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


http://www.kurshtml.edu.pl/css/pozycjonowanie.html
Go to the top of the page
+Quote Post
dr_NO
post 29.08.2012, 13:44:09
Post #3





Grupa: Zarejestrowani
Postów: 197
Pomógł: 15
Dołączył: 10.09.2006
Skąd: Siemianowice Śląskie / Katowice

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


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


--------------------
woop woop.
Go to the top of the page
+Quote Post
b4rt3kk
post 29.08.2012, 13:51:07
Post #4





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

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


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>

Ten post edytował b4rt3kk 29.08.2012, 13:52:42


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
VeParadox
post 29.08.2012, 13:58:32
Post #5





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

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


b4rt3kk bardzo dziękuję za pomoc. Prościej już nie można było odpowiedzieć smile.gif Jeszcze raz THX biggrin.gif
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 Wersja Lo-Fi Aktualny czas: 25.04.2025 - 07:52