Tabelle mittig Stellen

Tinlex · 9. August 2016

Guten Tag erstmal

Undzwar bin ich noch recht am anfang was HTML Betrifft, und finde den fehler einfach nicht, die Tabelle ist linksbündig, würde sie aber gerne Zentral haben.
Evt. die überarbeitung mit ensprechender stelle Markiert ?

LG und Danke im Voraus

Code

<p><span style="font-size:18.0pt;">Unsere Empfehlungen....</span></p>




<p>&nbsp;</p>




<p>&nbsp;</p>




<p align="center" style="text-align:center;"><span style="font-size:18.0pt;">Kleine Snacks</span></p>




<p>&nbsp;</p>




<p>&nbsp;</p>




<table border="0" cellpadding="0" cellspacing="0" style="width:591px;border-collapse:collapse;border:none;" width="591">
	<tbody>
		<tr style="height:144px;">
			<td style="width:295px;padding:0cm 5.4pt 0cm 5.4pt;height:144px;vertical-align:top;">
			<ul>
				<li style="margin-bottom:0cm;margin-bottom:.0001pt;">Gemischte belegte Br&ouml;tchen</li>
				<li style="margin-bottom:0cm;margin-bottom:.0001pt;">Festliche Canapes</li>
				<li style="margin-bottom:0cm;margin-bottom:.0001pt;">Partyfrikadellen</li>
				<li style="margin-bottom:0cm;margin-bottom:.0001pt;">Partyschnitzel</li>
				<li style="margin-bottom:0cm;margin-bottom:.0001pt;">Partyputenschnitzel</li>
				<li style="margin-bottom:0cm;margin-bottom:.0001pt;">H&auml;hnchenbrustfilets</li>
				<li style="margin-bottom:0cm;margin-bottom:.0001pt;">Mozzarella an Tomate</li>
			</ul>
			</td>
			<td style="width:295px;padding:0cm 5.4pt 0cm 5.4pt;height:144px;vertical-align:top;">
			<ul>
				<li style="margin-bottom:0cm;margin-bottom:.0001pt;">Anti Pasta Spezialit&auml;ten</li>
				<li style="margin-bottom:0cm;margin-bottom:.0001pt;">Gemischte Brotk&ouml;rbe mit Butter, Kr&auml;uterbutter</li>
				<li style="margin-bottom:0cm;margin-bottom:.0001pt;">Frische Salatplatten mit Dressing</li>
				<li style="margin-bottom:0cm;margin-bottom:.0001pt;">Feinkostsalate</li>
				<li style="margin-bottom:0cm;margin-bottom:.0001pt;">Buntes K&auml;sebrett</li>
				<li style="margin-bottom:0cm;margin-bottom:.0001pt;">Gemischte Fischplatte</li>
			</ul>
			</td>
		</tr>
	</tbody>
</table>




<p>&nbsp;</p>




<p>&nbsp;</p>




<p>&nbsp;</p>




<p align="center" style="text-align:center;"><strong><span style="font-size:14.0pt;">Zum Sekt Fr&uuml;hst&uuml;ck oder Empfang</span></strong></p>




<p align="center" style="text-align:center;"><span style="font-size:12.0pt;">Zzgl. 7% MWSt.</span></p>




<p>&nbsp;</p>




<p>&nbsp;</p>




<p align="center" style="text-align:center;">&nbsp;</p>




<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border:none;">
	<tbody>
		<tr>
			<td style="width:301px;padding:0cm 5.4pt 0cm 5.4pt;vertical-align:top;">
			<p align="center" style="margin-bottom:0cm;margin-bottom:.0001pt;text-align:center;line-height:normal;">Gemischte, belegte &frac12; Br&ouml;tchen<br />
			auf Platten garniert<br />
			<strong><span style="font-size:12.0pt;">St&uuml;ck ab 1,40&euro;</span></strong></p>
			</td>
			<td style="width:301px;padding:0cm 5.4pt 0cm 5.4pt;vertical-align:top;">
			<p align="center" style="margin-bottom:0cm;margin-bottom:.0001pt;text-align:center;line-height:normal;">excl. belegte Canapes<br />
			auch mit K&auml;se und Fisch<br />
			auf Platten garniert<br />
			<strong><span style="font-size:12.0pt;">St&uuml;ck ab 1,95&euro;</span></strong></p>




			<p align="center" style="margin-bottom:0cm;margin-bottom:.0001pt;text-align:center;line-height:normal;">&nbsp;</p>
			</td>
		</tr>
	</tbody>
</table>

Alles anzeigen

MrMurphy · 9. August 2016

Hallo

Zitat

die Tabelle ist linksbündig, würde sie aber gerne Zentral haben.

Dazu dient die CSS-Anweisung

Code

margin: 0 auto;

Du kannst also die Angabe

Code

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border:none;">

zu

Code

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border:none;margin: 0 auto;">

ändern.

Grundsätzlich scheinst du aber nach einer sehr alten Anleitung zu lernen. Dein Quellcode ist bereis seit über 15 Jahren veraltet.

Einige Angaben waren für Webseiten schon immer falsch, wie Einheiten in cm oder pt anzugeben.

Spätestens mit etwas mehr Inhalt und bei der Anzeige auf Tablets und Smartphones wird die Darstellung schlecht aussehen.

Du solltest besser gleich aktuelles HTML5 und CSS3 lernen. Die Umstellung von solch veraltetem Quellcode zu aktuellem ist meist schwieriger als direkt aktuelles HTML5 und CSS3 zu lernen.

Gruss

MrMurphy

Tabelle mittig Stellen

Jetzt mitmachen!

Teilen