Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css]Nieuwzgędniony kawałek kodu
Forum PHP.pl > Forum > Przedszkole
Glarden
Witam. Mam dziwny problem. Robię sobie stronę i wszystko ładnie działa do momentu skończenia nagłówka. Biorę się za treść główną i tu... napisany kod wcale nie jest brany pod uwagę. Nie mam pojęcia, czemu tak jest. Adres strony: http://sokoly.ddl2.pl/eksperymentus/szablon/. A tutaj style css: http://sokoly.ddl2.pl/eksperymentus/szablon/style.css
Oto kod:
  1. <title>Hołmpejdż Tomka H.</title>
  2. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  3. <link rel="stylesheet" type="text/css" href="style.css" />
  4. <script language='JavaScript' type='text/javascript' src='js.js'></script>
  5. </head>
  6. <div class="head">
  7. <span class="title"><h1>hołmpejdż tomka hejmeja</h1></span>
  8. <div class="menu">
  9. <a href="index.php">Strona główna</a> |
  10. <a href="http://sokoly.ddl2.pl/eksperymentus/chat.php">Chat</a> |
  11. <a href="javascript:alert('Jesteś głupi, mówiłem, żeby nie klikać')">Nie klikać</a> |
  12. <a href="javascript:menu();">Download</a> |
  13. <a href="mailto:uvw@vp.pl">Kontakt</a>
  14. </div>
  15. <div class="stats">
  16. Online: <b>3</b><br/>
  17. Wszystkich wizyt: <b>19</b><br>
  18. Dziś jest:
  19. <?php
  20. include ("funkcje.php");
  21. data();
  22. ?>
  23. Godzina <span id="digitalclock"><script>calctime();</script></span>
  24. </div>
  25. <div onMouseOver="javascript:pokaz();" onMouseOut="javascript:ukryj();" id="lista">
  26. <li><a href="#">Tak</a></li>
  27. <li><a href="#">Nie</a></li>
  28. <li><a href="#">Nie wiem</a></li>
  29. </div>
  30.  
  31. </div>
  32. <center><div class="main">
  33. <h2>Hej ho!</h2>
  34. Blablabla
  35. </div></center>
  36. </body>
  37. </html>

Jak mówiłem, widać tylko nagłówek, nie wiem czemu.
Cezar708
na początek zmień wpis w CSS:

Cytat
#lista {
visibility: hidden;


bo to powoduje, że nie widać tego kawałka:
  1. <div onMouseOver="javascript:pokaz();" onMouseOut="javascript:ukryj();" id="lista">
  2. <li><a href="#">Tak</a></li>
  3. <li><a href="#">Nie</a></li>
  4. <li><a href="#">Nie wiem</a></li>
  5. </div>
Glarden
Przecież właśnie o to chodzi, żeby go nie było widać, żeby był widoczny dopiero po kliknięciu na odnośnik!
qrees
Wywal ze stylu dla .head position: absolute; bo nagłówek zasłania ci resztę strony. A do stylu dla body dodaj: margin: 0; .
Glarden
Oł je, działa - rządzisz. Wielkie dzięki.
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.