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


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 
[HTML] pobierz, plaintext 
  1. background-image: url("pies.png"),url("bg.jpg");
  2. background-repeat:no-repeat, repeat;
[HTML] pobierz, plaintext


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

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

usun zakonczenie pierwszego wysrodkowania i rozpoczecie drugiego wysrodkowania, po co 2 razy, albo badz harkorem (oczywiscie to zart)
[HTML] pobierz, plaintext 
  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;>
  2. <center>J</center>e<center>s</center>t<center>e</center>m<center>h</center>a<center>r</center>d<center>k</center>o<center>r</center>e<center>m</center></div>
[HTML] pobierz, plaintext
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.