Tabele Divy Wyśrodkowanie Opcje

[dawid112233]

Mam problem mam 4 tabele i włożyłem je w divy no na razie jest spox bo 4 tabele są w jednej linii a były jedna po drugiej no ale chce je wyśrodkować aby te 4 tabele były wyśrodkowane a no i jeszcze jeden problem: Jeśli pisze tekst na koniec linii taki: Polityka Prywatności | Kontakt | Dotacje itd. to zaczyna się na końcu linii w linii gdzie są umieszczone tabelę a jak wezmę wstawię je w (br) to się przesuwają i jak wezmę parę razy wpisze br to się przesuną na te samo miejsce ale pod tabelami pod końcem tabeli a jak wklepie tekst w center to się nic nie dzieje.

Podsumujmy w tagach xP: Tabele divy wyśrodkowanie tekst osobna-linia wyśrodkowanie

O to kod html do tabel (nie wściekajcie się na mnie nie umiem wstawić w cytat lub coś takiego):

[HTML] pobierz, plaintext 
<div style="float:left"><table border="0" align="center">
<tr>
<td height="100%" valign="top" bgcolor="#6699cc"><b><table border="1" cellpadding="0" rules="groups">
<colgroup span="1"></colgroup>
<colgroup span="3"></colgroup>
<tbody>
<tr>
 
<td bgcolor="white"><img src="http://img217.imageshack.us/img217/9226/gryakcji.png" alt="" /></td>
</tr>
</tbody>
<tbody>
<tr>
 
<td bgcolor="#6699cc">Gra1
            <br>Gra2</br>
            Gra3
            <br>Gra4</br></td>
 
</tr>
 
</tbody>
</table></b><br /><br /></td>
		</tr>
		</table>
	</td>
 
</tr></div>
 
 
<div style="float:left"><table border="0" align="center">
<tr>
<td height="100%" valign="top" bgcolor="#6699cc"><b><table border="1" cellpadding="0" rules="groups">
<colgroup span="1"></colgroup>
<colgroup span="3"></colgroup>
<tbody>
<tr>
 
<td bgcolor="white"><img src="http://img217.imageshack.us/img217/9226/gryakcji.png" alt="" /></td>
</tr>
</tbody>
<tbody>
<tr>
 
<td bgcolor="#6699cc">Gra1
            <br>Gra2</br>
            Gra3
            <br>Gra4</br></td>
 
</tr>
 
</tbody>
</table></b><br /><br /></td>
		</tr>
		</table>
	</td>
 
</tr></div>
 
<div style="float:left"><table border="0" align="center">
<tr>
<td height="100%" valign="top" bgcolor="#6699cc"><b><table border="1" cellpadding="0" rules="groups">
<colgroup span="1"></colgroup>
<colgroup span="3"></colgroup>
<tbody>
<tr>
 
<td bgcolor="white"><img src="http://img217.imageshack.us/img217/9226/gryakcji.png" alt="" /></td>
</tr>
</tbody>
<tbody>
<tr>
 
<td bgcolor="#6699cc">Gra1
            <br>Gra2</br>
            Gra3
            <br>Gra4</br></td>
 
</tr>
 
</tbody>
</table></b><br /><br /></td>
		</tr>
		</table>
	</td>
 
</tr></div>
 
<div style="float:left"><table border="0" align="center">
<tr>
<td height="100%" valign="top" bgcolor="#6699cc"><b><table border="1" cellpadding="0" rules="groups">
<colgroup span="1"></colgroup>
<colgroup span="3"></colgroup>
<tbody>
<tr>
 
<td bgcolor="white"><img src="http://img217.imageshack.us/img217/9226/gryakcji.png" alt="" /></td>
</tr>
</tbody>
<tbody>
<tr>
 
<td bgcolor="#6699cc">Gra1
            <br>Gra2</br>
            Gra3
            <br>Gra4</br></td>
 
</tr>
 
</tbody>
</table></b><br /><br /></td>
		</tr>
		</table>
	</td>
 
</tr></div>
[HTML] pobierz, plaintext 

Powód edycji: [webdice]: Dodałem bbcode. Pamiętaj o tym w przyszłości.

[Vercio]

jeżeli użyłeś znacznika float: left to automatycznie centrowanie nie wchodzi w grę.
W takim wypadku musisz cały kod oblać div'em o konkretnych rozmiarach i nadac mu: margin: 0px auto;
Co do elementów oblewanych (float) pamiętaj aby zaraz pod nimi dadawać div'a z funkcją "wyzerowania"

[CSS] pobierz, plaintext 
clear: both;
[CSS] pobierz, plaintext 

Taka mała sugestia ode mnie staraj się zamieszczać kod css w osobnym pliku, to bardzo ułatwia pracę z kodem, kod staję się o wiele czytelniejszy.

Oto kod poniżej:

[HTML] pobierz, plaintext 
<div style="margin: 0px auto; width: 745px">
 
 
<div style="float:left"><table border="0" align="center">
<tr>
<td height="100%" valign="top" bgcolor="#6699cc"><b><table border="1" cellpadding="0" rules="groups">
<colgroup span="1"></colgroup>
<colgroup span="3"></colgroup>
<tbody>
<tr>
 
<td bgcolor="white"><img src="http://img217.imageshack.us/img217/9226/gryakcji.png" alt="" /></td>
</tr>
</tbody>
<tbody>
<tr>
 
<td bgcolor="#6699cc">Gra1
<br>Gra2</br>
Gra3
<br>Gra4</br></td>
 
</tr>
 
</tbody>
</table></b><br /><br /></td>
</tr>
</table>
</td>
 
</tr></div>
 
 
<div style="float:left"><table border="0" align="center">
<tr>
<td height="100%" valign="top" bgcolor="#6699cc"><b><table border="1" cellpadding="0" rules="groups">
<colgroup span="1"></colgroup>
<colgroup span="3"></colgroup>
<tbody>
<tr>
 
<td bgcolor="white"><img src="http://img217.imageshack.us/img217/9226/gryakcji.png" alt="" /></td>
</tr>
</tbody>
<tbody>
<tr>
 
<td bgcolor="#6699cc">Gra1
<br>Gra2</br>
Gra3
<br>Gra4</br></td>
 
</tr>
 
</tbody>
</table></b><br /><br /></td>
</tr>
</table>
</td>
 
</tr></div>
 
<div style="float:left"><table border="0" align="center">
<tr>
<td height="100%" valign="top" bgcolor="#6699cc"><b><table border="1" cellpadding="0" rules="groups">
<colgroup span="1"></colgroup>
<colgroup span="3"></colgroup>
<tbody>
<tr>
 
<td bgcolor="white"><img src="http://img217.imageshack.us/img217/9226/gryakcji.png" alt="" /></td>
</tr>
</tbody>
<tbody>
<tr>
 
<td bgcolor="#6699cc">Gra1
<br>Gra2</br>
Gra3
<br>Gra4</br></td>
 
</tr>
 
</tbody>
</table></b><br /><br /></td>
</tr>
</table>
</td>
 
</tr></div>
 
<div style="float:left"><table border="0" align="center">
<tr>
<td height="100%" valign="top" bgcolor="#6699cc"><b><table border="1" cellpadding="0" rules="groups">
<colgroup span="1"></colgroup>
<colgroup span="3"></colgroup>
<tbody>
<tr>
 
<td bgcolor="white"><img src="http://img217.imageshack.us/img217/9226/gryakcji.png" alt="" /></td>
</tr>
</tbody>
<tbody>
<tr>
 
<td bgcolor="#6699cc">Gra1
<br>Gra2</br>
Gra3
<br>Gra4</br></td>
 
</tr>
 
</tbody>
</table></b><br /><br /></td>
</tr>
</table>
</td>
 
</tr></div>
 
<div style="clear: both;"></div>
 
<div style="text-align: center;">
Polityka Prywatności | Kontakt | Dotacje
</div>
 
</div>
[HTML] pobierz, plaintext 

[MarcinKostrzewa2]

Rozumiem że chcesz mieć na środku wszystko, także to co chcesz mieć na środku wstaw między <center></center>. Obecnie odchodzi się od stosowania tabel, tylko same divy.

[webdice]

Od <center> już się dawno "odeszło".