Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Problem z tabelami (poprawny uklad)
Forum PHP.pl > Forum > Przedszkole
sojomail
11.12.2009, 14:44:53
Witam serdecznie.

W skrocie pare slow smile.gif

1. Jestem amatorem.
2. Robie stronke dla mojego rodzenstwa - tematyka: zespol muzyczny.
3. Jako ze stronka bedzie miala charakter "wizytowki" i skladala sie z 5 podstron (reszta bedzie publikowana na blogu),
postanowilem ze zrobie ja w najprostszy dla mnie sposob: grafika pocieta na kawaleczki i umieszczana w tabelach (rowniez zagniezdzonych).

Problem 1.
Dlaczego "obcina" mi grafiki pierwsze z brzegu (od lewej), w kazdym wierszu wstawilem DWUKROTNIE pierwszy obrazek i to ... dziala ... ale dlaczego ?

Problem 2.
W IE wyglada stronka normalnie.
W Operze 10, jest zsunieta na dol strony, tak ze trzeba scrolowac ekran.

Ponizej wklejam kod mojej stronki, calosc wisi rowniez pod tym adresem:

http://www.mtwice.pl/new/newsy.html

lub mozna pobrac - spakowalem tutaj:

http://www.mtwice.pl/new/www2.rar

Kod stronki:

[HTML] pobierz, plaintext 
  1.  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  3.  
  4. <html>
  5. <head>
  6.   <title>mTwice - strona oficjalna</title>
  7.   <meta content="text/html; charset=iso-8859-2" http-equiv="Content-type">
  8.   <meta name="keywords" content="mTwice, zespół, muzyka, mp3">
  9.   <meta name="description" content="Zespół muzyczny mTwice.">
  10.   <meta name="robots" content="all,index,follow">
  11.   <meta name="revisit-after" content="5 days">
  12.   <meta content="pl" http-equiv="Content-Language">
  13. </head>
  14.  
  15. <body bgcolor="15001b">
  16.  
  17. <center>
  18.  
  19.   <table width='832' height='632' border="0" cellspacing="0" cellpadding="0">
  20.     <tbody>
  21.  
  22.       <table border="0" cellspacing="0" cellpadding="0>
  23. 	<tr>
  24. 	<td><img border="0" src="gfx/w1k1.jpg"></td>
  25.         <td><img border="0" src="gfx/w1k1.jpg"></td>
  26. 	<td><img border="0" src="gfx/w1k2.jpg"></td>
  27. 	<td><img border="0" src="gfx/w1k3.jpg"></td>
  28.         </tr>
  29.       </table>
  30.  
  31.       <table border="0" cellspacing="0" cellpadding="0>
  32. 	<tr>
  33. 	<td><img border="0" src="gfx/w2k1.jpg"></td>
  34. 	<td><img border="0" src="gfx/w2k1.jpg"></td>
  35. 	<td><a href="newsy.html"><img border="0" src="gfx/w2k2newsy.jpg" onmouseover="this.src = 'gfx/w2k2newsy2.jpg'" onmouseout="this.src = 'gfx/w2k2newsy.jpg'"></a></td>
  36. 	<td><a href="onas.html"><img border="0" src="gfx/w2k3onas.jpg" onmouseover="this.src = 'gfx/w2k3onas2.jpg'" onmouseout="this.src = 'gfx/w2k3onas.jpg'"></a></td>
  37. 	<td><a href="blog.html"><img border="0" src="gfx/w2k4blog.jpg" onmouseover="this.src = 'gfx/w2k4blog2.jpg'" onmouseout="this.src = 'gfx/w2k4blog.jpg'"></a></td>
  38. 	<td><a href="galeria.html"><img border="0" src="gfx/w2k5galeria.jpg" onmouseover="this.src = 'gfx/w2k5galeria2.jpg'" onmouseout="this.src = 'gfx/w2k5galeria.jpg'"></a></td>
  39. 	<td><a href="kontakt.html"><img border="0" src="gfx/w2k6kontakt.jpg" onmouseover="this.src = 'gfx/w2k6kontakt2.jpg'" onmouseout="this.src = 'gfx/w2k6kontakt.jpg'"></a></td>
  40. 	<td><img border="0" src="gfx/w2k7.jpg"></td>
  41.         </tr>
  42.       </table>
  43.  
  44.       <table border="0" cellspacing="0" cellpadding="0>
  45. 	<tr>
  46. 	<td><img border="0" src="gfx/w3k1.jpg" width='834'></td>
  47. 	<td><img border="0" src="gfx/w3k1.jpg" width='834'></td>
  48. 	</tr>
  49.       </table>
  50.  
  51.       <table border="0" cellspacing="0" cellpadding="0>
  52. 	<tr>
  53. 	<td><img border="0" src="gfx/w4k1.jpg"></td>
  54.         <td><img border="0" src="gfx/w4k1.jpg"></td>
  55. 	<td width='761' background="gfx/w4k2.jpg">
  56.  
  57. 	<center>
  58.  
  59.           <table border="1" width='500'>
  60. 	    <tr> 
  61. 	    <td>AAA</td>
  62. 	    <td>BBB</td>
  63. 	    </tr>
  64.       	  </table>
  65.  
  66. 	</center>
  67.  
  68. 	</td>
  69. 	<td><img border="0" src="gfx/w4k3.jpg"></td>
  70.         </tr>
  71.       </table>
  72.  
  73.       <table border="0" cellspacing="0" cellpadding="0>
  74. 	<tr>
  75. 	<td><img border="0" src="gfx/w5k1.jpg" width='834'></td>
  76. 	<td><img border="0" src="gfx/w5k1.jpg" width='834'></td>
  77. 	</tr>
  78.       </table>
  79.  
  80.     </tbody>
  81.  
  82.   </table>
  83.  
  84. </center>	
  85.  
  86. </body>
  87.  
  88. </html>
  89.  
  90.  
[HTML] pobierz, plaintext


Dziekuje za odpowiedzi ! smile.gif
fenix.robi
11.12.2009, 15:03:19
2. Bład

[HTML] pobierz, plaintext 
  1.   <table width='832' height='632' border="0" cellspacing="0" cellpadding="0">
[HTML] pobierz, plaintext


spróbuj poczytać o div'ach i pozycjonowaniu ich za pomocą css zamiast robic to na tabelkach

do FireFox'a doinstaluj sobie wtyczke Bugzille, lub WebDeveloper
Cysiaczek
12.12.2009, 00:58:29
Nadaj wątkowi sensowny tytuł, inaczej temat zostanie zamknięty
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.