Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: pomoc przy div
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
R@ven
  1. #div_main0, #div_main1, #div_main2, #div_main3 {
  2. position:absolute;
  3. left:0px;
  4. top:0px;
  5. width:100%;
  6. height:100%;
  7. z-index:1;
  8. }


  1. <div id="div_bg"></div>
  2. <div id="div_main0">
  3. <div id="div_pas"><img src="images/1.jpg" alt="..." width="326" height="105" border="0" align="top" /><img src="images/2.jpg" alt="..." width="340" height="105" border="0" align="top" /><br /><img src="images/3.jpg" alt="..." width="326" height="120" border="0" align="top" /><img src="images/4.jpg" alt="..." width="340" height="120" border="0" align="top" /><br /><img src="images/5.jpg" alt="..." width="326" height="71" border="0" align="top" /><img src="images/6.jpg" alt="..." width="340" height="71" border="0" align="top" /></div>
  4. </div>
  5. <div id="div_main1">
  6. <div id="div_opis">back -- ° white flower ° ++ next</div>
  7. <div id="div_photobg"><img src="images/a.jpg" alt="..." width="247" height="142" border="0" align="top" /><img src="images/b.jpg" alt="..." width="245" height="142" border="0" align="top" /><br /><img src="images/c.jpg" alt="&" width="247" height="146" border="0" align="top" /><img src="images/d.jpg" alt="&" width="245" height="146" border="0" align="top" /><br /><img src="images/e.jpg" alt="&" width="247" height="139" border="0" align="top" /><img src="images/f.jpg" alt="&" width="245" height="139" border="0" align="top" /></div>
  8. <div class="info" id="div_info"><a href="http://photo.ravenweb.org" class="info" title="area r@ven ( photo )" target="_blank">photo & site</a> C <a href="http://ravenweb.org" class="info" accesskey="r" title="area r@ven ( web )" target="_blank">r@ven web</a> 2k5 ~ <a href="http://www.firefox.pl" class="info" title="[get firefox]" accesskey="f" target="_blank">[get firefox]</a><br /><a href="javascript:help_pop();" class="info" title="pomoc" accesskey="p">pomoc</a></div>
  9. </div>
  10. <div id="div_main2">
  11. <div id="div_photo" class="photos"><a href="show/index.htm"><img src="photos/white-flower-s.jpg" alt="white-flower" width="146" height="230" border="0" class="photo" /></a></div>
  12. </div>
  13. <div id="div_main3">
  14. <div id="div_news"><span class="news_title">4 IV 05 ° go, go, go...</span><br />Działamy ;), co prawda postało mi po za kodem dokończyć CSS, obsługe z klawiatury i kilka innych, to potem jeszcze do zrobienia kod php :]. Wiec kiedy p.rw? Mysle ze pod koniec kwietnia.<br />
  15. Jako ze czesc zdjec zrobione z mysla o Kasi, tak i strona bedzie z mysal o Niej...<br /><span class="news_title">20 XII 04 ° będzie!</span><br />Mniej więcej w tedy pojawił się pomysł na photo.ravenweb.org czyli p.rw. :)</div>
  16. </div>
  17. </body>


Nie mam pojecia jak to poprawnie zapisac, mimo ze w3c nie czepia sie ani xhtmla ani css. Probrem pojawia sie przy linkach w Firefox. Nie ma ich, ff ich nie widzi. IE widzi. Nie mam zielonego pojecia jak to przepisac aby ladnie wygldalo, to jest jak teraz na http://www.photo.ravenweb.org/.
Paradoksalnie leje na bledy pod IE, kiedy w sumie naj powazniejszy mam pod FF.

Wiem gdzie blad, wiec nie mowicie ze tu. Nie wiem jak rozbic te 4 divy.
Strus
Generalnie nie wiem jak te linki wyglądają w IE. Ale edytowałem style na tej stronie przy użyciu WD i dziwna sprawa jest, da się różne rzeczy zmienić, ale np koloru linka nie.

Wygląda jak by coś zasłaniało te linki i dlatego nie są klikalne.
bigZbig
Mysle, ze problem polega na tym, ze wszystkim tym divom ustawiles z-index na 1 tyle ze one wszystkie maja wysokosc i szerokosc zdefiniowana na 100% tak wiec jeden musi przykrywac drugi. Proponuje abys ustawil parametr z-index rozny dla poszczegolnych divow tak aby warstwa z linkami byla na samej gorze.
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.