Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Niewidzialny tekst
Forum PHP.pl > Forum > Przedszkole
Terrorizer
22.09.2014, 17:11:49
Od samego rana nie potrafię sobie poradzić z problemem niewidzialnego tekstu biggrin.gif
Nie widać go na ekranie, chociaż gdy otwieram kod źródłowy strony to go pokazuje.
Próbowałem ustawić go już w kazdym miejscu w body, dodawałem do css rozmiary nawet po 200px, wyśrodkowanie, z-index na 999 i nic, poprostu go nie ma haha.gif
W sumie nie chciałem się wygłupiać z pytaniem na forum, bo i tak moje pytania ostatnio są dosyć beznadziejne, ale zwyczajnie już zwątpiłem w to ,że sam sobie poradzę biggrin.gif
O co z tym chodzi??

Mam taki dokument:
[HTML] pobierz, plaintext 
  1. <?php 
  2. session_start(); 
  3. ob_start()
  4. ?>
  5. <!DOCTYPE html>
  6. <html lang="pl">
  7. <head>
  8. <meta charset="UTF-8">
  9. <title>hello</title>
  10. <link rel="stylesheet" href="css/reset.css">
  11. <link rel="stylesheet" href="css/user.css">
  12. </head>
  13.  
  14.  
  15. <body>
  16. <div id="allbox"> 
  17.  
  18. <?php 
  19. include 'connect.php';
  20. ?>
  21.  
  22. <div id="navbar">
  23. <div id="navmenu">
  24. <span id="ranking"><a href="ranking.php">Ranking</a></span>
  25. <span id="home"><a href="main.php">Strona główna</a></span>
  26. <span id="settings"><a href="settings.php">Ustawienia</a></span>
  27. <span id="logout"><a href="logout.php">Wyloguj</a></span>
  28. </div>
  29. </div>
  30.  
  31.  
  32. <div id="mainbox">
  33. <h1>NIEWIDZIALNY TEKST WTF?!<h1>
  34. </div>
  35.  
  36.  
  37.  
  38. </div>
  39. </body>
  40. </html>
[HTML] pobierz, plaintext


A tutaj CSS
[HTML] pobierz, plaintext 
  1. body{
  2. overflow-y: scroll;
  3. background-color:#F0F8FF;
  4. background-color:#F5FFFA;
  5. background-color:#FCFCFC;
  6. width:100%;
  7. }
  8.  
  9. #navbar{
  10. background-color:#3D3333;
  11. box-shadow: 2px 2px 2px grey;
  12. width:100%;
  13. height:70px;
  14. position:fixed;
  15. top:0px;
  16. z-index:99;
  17. }
  18. #navmenu{
  19. display:inline;
  20. float:right;
  21. margin-top:25px;
  22. margin-right:80px;
  23. background-color:#3D3333;
  24. color:white;
  25. font-family:sans-serif,New Times Roman;
  26. font-size:14px;
  27. border:none;
  28. width:860px;
  29.  
  30. }
  31. #ranking{
  32. padding-right:220px;
  33. }
  34. #logout{
  35. padding-right:50px;
  36. }
  37. #settings{
  38. padding-left:50px;
  39. padding-right:50px;
  40. }
  41. #home{
  42. padding-right:50px;
  43. }
  44. a{
  45. color:white;
  46. text-decoration:none;
  47. }
  48.  
[HTML] pobierz, plaintext
trueblue
22.09.2014, 17:17:42
Nadaj jakieś pozycjonowanie #mainbox, wtedy z-index zadziała.
Terrorizer
22.09.2014, 17:20:28
Działa!! dzięki, jesteś moim mistrzem tongue.gif
trueblue
22.09.2014, 18:06:09
Niech Twoim mistrzem będzie dokumentacja standardu CSS smile.gif
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.