Html tabelle mittig ausrichten

Mahlzeit, ich habe eine einfache Frage.
Warum lässt sich die Tabelle nicht mittig ausrichten, bzw. was mache ich falsch ?
So ists Orginal:

<table border="1">  
<tr>
<td><img id="11" src="Bild.png" onclick="userklickt('11');"></td>  
<td><img id="12" src="Bild.png" onclick="userklickt('12');"></td>  
<td><img id="13" src="Bild.png" onclick="userklickt('13');"></td>  
</tr>
<tr>
<td><img id="21" src="Bild.png" onclick="userklickt('21');"></td>  
<td><img id="22" src="Bild.png" onclick="userklickt('22');"></td>  
<td><img id="23" src="Bild.png" onclick="userklickt('23');"></td>  
</tr>
<tr>
<td><img id="31" src="Bild.png" onclick="userklickt('31');"></td>  
<td><img id="32" src="Bild.png" onclick="userklickt('32');"></td>  
<td><img id="33" src="Bild.png" onclick="userklickt('33');"></td>  
</tr>
</table>

Weder mit middle, noch mit center ist die Tabelle in der Mitte:

<table border="1">  
<tr>
<td align="middle"><img id="11" src="Bild.png" onclick="userklickt('11');"></td>  
<td align="middle"><img id="12" src="Bild.png" onclick="userklickt('12');"></td>  
<td align="middle"><img id="13" src="Bild.png" onclick="userklickt('13');"></td>  
</tr>
<tr>
<td align="middle"><img id="21" src="Bild.png" onclick="userklickt('21');"></td>  
<td align="middle"><img id="22" src="Bild.png" onclick="userklickt('22');"></td>  
<td align="middle"><img id="23" src="Bild.png" onclick="userklickt('23');"></td>  
</tr>
<tr>
<td align="middle"><img id="31" src="Bild.png" onclick="userklickt('31');"></td>  
<td align="middle"><img id="32" src="Bild.png" onclick="userklickt('32');"></td>  
<td align="middle"><img id="33" src="Bild.png" onclick="userklickt('33');"></td>  
</tr>
</table>

<table border="1">  
<tr>
<td align="center"><img id="11" src="Bild.png" onclick="userklickt('11');"></td>  
<td align="center"><img id="12" src="Bild.png" onclick="userklickt('12');"></td>  
<td align="center"><img id="13" src="Bild.png" onclick="userklickt('13');"></td>  
</tr>
<tr>
<td align="center"><img id="21" src="Bild.png" onclick="userklickt('21');"></td>  
<td align="center"><img id="22" src="Bild.png" onclick="userklickt('22');"></td>  
<td align="center"><img id="23" src="Bild.png" onclick="userklickt('23');"></td>  
</tr>
<tr>
<td align="center"><img id="31" src="Bild.png" onclick="userklickt('31');"></td>  
<td align="center"><img id="32" src="Bild.png" onclick="userklickt('32');"></td>  
<td align="center"><img id="33" src="Bild.png" onclick="userklickt('33');"></td>  
</tr>
</table>

Absolute Positionsangaben sind doch nicht nötig, oder ?
Sorry für die blöde Frage.
MfG

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 216192

Url: https://administrator.de/forum/html-tabelle-mittig-ausrichten-216192.html

Ausgedruckt am: 31.12.2024 um 09:12 Uhr

2 Kommentare

Neuester Kommentar

macht ja auch keinen Sinn nur die einzelnen Zeilen zu centern!

Versuchs oben mal im Table-Tag alá <table align="center" border="1">. Das centern der Zeilen kannst du dir sparen.

mfg