Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Mozilla
Forum PHP.pl > Forum > Przedszkole
Ari911
Witam. Mam kod
  1. <html lang="pl">
  2. <TITLE>Tytuł</TITLE>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  4. <style type="text/css">
  5. body{
  6.  
  7. background-image: url("pies.png"),url("bg.jpg");
  8. background-repeat:no-repeat, repeat;
  9.  
  10. }
  11. ul, ul li {
  12. display: block;
  13. list-style: none;
  14. margin: 0;
  15. padding: 0;
  16. }
  17.  
  18. ul {
  19. width: 850px;
  20. border-bottom: 0px solid #365;
  21. padding-left: 0px;
  22. }
  23.  
  24. ul li {
  25. float: left;
  26. background: url("zakladka.png") no-repeat left top;
  27. margin-right: 5px;
  28. }
  29.  
  30. ul a:link, ul a:visited {
  31. text-decoration: none;
  32. display: block;
  33. font-weight: bold;
  34. background: url("zakladka2.png") no-repeat right top;
  35. color: #000000;
  36. padding: 5px 15px 5px 5px;
  37. margin-left: 10px;
  38. }
  39.  
  40. ul a:hover {
  41. color: #4aa6c0;
  42. }
  43.  
  44.  
  45. .spoiler .inner
  46. {
  47. border:1px solid #eee;
  48. padding:3px;margin:3px;
  49. }
  50. </style>
  51. <script type="text/javascript">
  52. function showSpoiler(obj)
  53. {
  54. var inner = obj.parentNode.getElementsByTagName("div")[0];
  55. if (inner.style.display == "none")
  56. inner.style.display = "";
  57. else
  58. inner.style.display = "none";
  59. }
  60. </script>
  61. </HEAD>
  62.  
  63.  
  64. <CENTER><a href="odnosnik"><IMG SRC="tytul.png"></a></CENTER>
  65. <li><a href="Psy.html">PSY</a></li>
  66. <li><a href="osiagniecia.html">OSIĄGNIĘCIA</a></li>
  67. <li><a href="wystawy.html">WYSTAWY</a></li>
  68. <li><a href="odnosnik">RÓŻNE</a></li>
  69. <li><a href="puchary.html">PUCHARY</a></li>
  70. </ul></center>
  71.  
  72.  
  73.  
  74.  
  75. <table width="900px" cellpadding="0" cellspacing="0">
  76. <tr><td style="line-height: 1px"><img src="lg.png" alt="" /></td><td bgcolor="#ffffff" style="line-height: 1px"><img src="0.gif" alt="" /></td><td style="line-height: 1px"><img src="pg.png" alt="" /></td></tr>
  77. <tr><td bgcolor="#ffffff"><img src="0.gif" alt="" /></td><td bgcolor="#ffffff">
  78.  
  79. <p style="margin-bottom: 0cm;"><img class="system-pagebreak" src="obrazek" style="float: left;" border="0" /><span style="color: #333333;"><span style="font-family: 'comic sans ms', sans-serif;">Witam Wszystkich serdecznie na mojej stronie. </span></span></p>
  80.  
  81. </td><td bgcolor="#ffffff"><img src="0.gif" alt="" /></td></tr>
  82. <tr><td style="line-height: 1px"><img src="ld.png" alt="" /></td><td bgcolor="#ffffff" style="line-height: 1px"><img src="0.gif" alt="" /></td><td style="line-height: 1px"><img src="pd.png" alt="" /></td></tr>
  83.  
  84. </TD></TR>
  85. </Body>
  86. </HTML>


I problem jest taki że na Mozilli tabela z treścią jest obok menu (Na Chrome i IE jest pod i jest ok)

Drugi problem to to że tym razem IE nie rozpoznaje
  1. background-image: url("pies.png"),url("bg.jpg");
  2. background-repeat:no-repeat, repeat;


I nie wyświetla dwóch obrazku tła na pozostałych (Mozilli , Chrome działa ok)
Valdi_B
Sprawdź: znacznikowi <center> poniżej nadaj styl clear: both.
cniak
Nie rob strony na tabelkach, polecam:
http://www.code-sucks.com/css%20layouts/faux-css-layouts/

takiego czegos sie nie robi:
  1. <CENTER><a href="odnosnik"><IMG SRC="tytul.png"></a></CENTER>
  2. <li><a href="Psy.html">PSY</a></li>
  3. <li><a href="osiagniecia.html">OSIĄGNIĘCIA</a></li>
  4. <li><a href="wystawy.html">WYSTAWY</a></li>
  5. <li><a href="odnosnik">RÓŻNE</a></li>
  6. <li><a href="puchary.html">PUCHARY</a></li>
  7. </ul></center>

usun zakonczenie pierwszego wysrodkowania i rozpoczecie drugiego wysrodkowania, po co 2 razy, albo badz harkorem (oczywiscie to zart)
  1. <div class="width: 100%; heigh: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;>
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.