Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Wyświetlenie diva na pierwszym planie
Mlodycompany
post
Post #1





Grupa: Zarejestrowani
Postów: 910
Pomógł: 44
Dołączył: 20.02.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----


Witam. Otóż napotkałem problem. Mam film z YouTube na stronie i otwierany modalbox. Chciałbym aby box był wyświetlany nad filmem. Normalnie mi sie wyświetla pod tym filmem i wystaje kawałem boxa. Jak coś takiego ustawić? Jeżeli będzie potrzebny kod to zamieszcze, ale sądze, że nie będzie.
Go to the top of the page
+Quote Post
bełdzio
post
Post #2





Grupa: Zarejestrowani
Postów: 690
Pomógł: 81
Dołączył: 6.04.2005
Skąd: Szczecin

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


dodaj do flasha

Kod
<param value="transparent" name="wmode" />
Go to the top of the page
+Quote Post
Mlodycompany
post
Post #3





Grupa: Zarejestrowani
Postów: 910
Pomógł: 44
Dołączył: 20.02.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----


Zmieniłem to we wszystkich paramach i kod jest taki: [html]<object width="595" height="400"><param name="movie" value="transparent" value="http://www.youtube.com/v/'.$row[3].'&hl=pl&fs=1&&color1=65c90b&color2=19b1c3"></param><param name="allowFullScreen" value="transparent"></param><param name="allowscriptaccess" value="transparent"></param><embed src="http://www.youtube.com/v/'.$row[3].'&hl=pl&fs=1&color1=65c90b&color2=19b1c3" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="595" height="400"></embed></object>[html] Nie wiem czy chodziło dokładnie o to, ale nadal nie działa jak powinno
Go to the top of the page
+Quote Post
rytek
post
Post #4





Grupa: Zarejestrowani
Postów: 63
Pomógł: 14
Dołączył: 21.01.2009
Skąd: Mszczonów

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


Miałeś dodać cały tag param, a nie dodawać wartość transparent do wszystkiego co już masz.
Go to the top of the page
+Quote Post
celbarowicz
post
Post #5





Grupa: Zarejestrowani
Postów: 253
Pomógł: 31
Dołączył: 30.03.2009
Skąd: Szczecin

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


próbowałeś zindex?
Go to the top of the page
+Quote Post
Mlodycompany
post
Post #6





Grupa: Zarejestrowani
Postów: 910
Pomógł: 44
Dołączył: 20.02.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----


tzn.? jezeli chodzi o takie szczegoly to nie kumam (IMG:style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
rytek
post
Post #7





Grupa: Zarejestrowani
Postów: 63
Pomógł: 14
Dołączył: 21.01.2009
Skąd: Mszczonów

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


Objąć całość w:

Kod
<div style='position:relative; z-index:100;'>  ... treść ... </div>
Go to the top of the page
+Quote Post
Mlodycompany
post
Post #8





Grupa: Zarejestrowani
Postów: 910
Pomógł: 44
Dołączył: 20.02.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----


nadal nie działa (IMG:style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
celbarowicz
post
Post #9





Grupa: Zarejestrowani
Postów: 253
Pomógł: 31
Dołączył: 30.03.2009
Skąd: Szczecin

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


zapisz jako plik php
<html>
<body>
<div style="position: absolute; left: 184px; top:50px;width: 200px; height: 75px;background-color:#00FF00;z-index:2; " >celbarowicz</div>
<div style="position: absolute; left: 84px; top:100px;width:200px;height:75px;background-color:#0000ff;z-index:1;" >cel--------------bar</div>

</body>
</html>

zobacz jak działa, a następnie tam gdzie jest z index 1 zamień na 3
Go to the top of the page
+Quote Post
Mlodycompany
post
Post #10





Grupa: Zarejestrowani
Postów: 910
Pomógł: 44
Dołączył: 20.02.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----


no dobrze. W stylu boxa z-index mam ustawione na 9999, kod filmu objęty w divie z z-index: 100 i nadal box jest pod filmem.
Go to the top of the page
+Quote Post
pedro84
post
Post #11





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


Cytat(Mlodycompany @ 27.01.2010, 12:39:47 ) *
no dobrze. W stylu boxa z-index mam ustawione na 9999, kod filmu objęty w divie z z-index: 100 i nadal box jest pod filmem.

Ustawiłeś position:relative; ?
Go to the top of the page
+Quote Post
Mlodycompany
post
Post #12





Grupa: Zarejestrowani
Postów: 910
Pomógł: 44
Dołączył: 20.02.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----


nie działa (IMG:style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
celbarowicz
post
Post #13





Grupa: Zarejestrowani
Postów: 253
Pomógł: 31
Dołączył: 30.03.2009
Skąd: Szczecin

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


w pewnym samouczku html pisze,że aby działało zindev element musi być pozycjonowany. co to znaczy? kombinuj z pisition:?, top:? left itd... jak zadziała to dal w [poście znać co pomogło
Go to the top of the page
+Quote Post
Mlodycompany
post
Post #14





Grupa: Zarejestrowani
Postów: 910
Pomógł: 44
Dołączył: 20.02.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----


Wszędzie jest właśnie poustawiane. Może zamieszcze kod.

  1.  
  2. #mask {
  3. position:fixed;
  4. left:0;
  5. top:0;
  6. z-index:9999;
  7. background: transparent;
  8. display:none;
  9. }
  10. #boxes .window {
  11. position:fixed;
  12. left:0;
  13. top:0;
  14. width:400px;
  15. height:200px;
  16. display:none;
  17. z-index:9999;
  18. padding:0px;
  19. background-image: url('img/film_dodaj_form.gif');
  20. color: #ffffff;
  21. }
  22.  
  23. #boxes #dialog {
  24. position: fixed;
  25. width:400px;
  26. height:200px;
  27. padding:0px;
  28. z-index:9999;
  29. }
  30.  
  31.  


  1.  
  2. echo('<div style="z-index: 1; position: relative;"><param value="transparent"><object width="595" height="400"><param name="movie" value="http://www.youtube.com/v/'.$row[3].'&hl=pl_PL&fs=1&color1=0x006699&color2=0x54abd6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'.$row[3].'&hl=pl_PL&fs=1&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="595" height="400"></embed></object></param></div><a href="#dialog" name="modal"><img src="'.$_SESSION['link'].'img/plus.png" width="25" border="0"></a><div id="boxes">
  3. <div id="dialog" class="window">
  4. <div id="close"><a href="#"class="close"/><img src="'.$_SESSION['link'].'img/del.png" border="0" width="25"></a></div>
  5. </div>
  6. </div>
  7. ');
  8.  
  9.  
Mniej wiecej wyglada to tak. Może wychwicicie jakis bląd


Ten post edytował Mlodycompany 27.01.2010, 14:08:16
Go to the top of the page
+Quote Post
pedro84
post
Post #15





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


Pozycjonuj modalbox relatywnie/absolutnie wtedy zadziała.
Go to the top of the page
+Quote Post
Mlodycompany
post
Post #16





Grupa: Zarejestrowani
Postów: 910
Pomógł: 44
Dołączył: 20.02.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----


Gdy zmienie na relatywnie to wogóle się nie wyświetla, a gdy na absolutnie pozostaje bez zmian czyli pod filmem
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 16.09.2025 - 01:04