it-swarm.com.de

Richten Sie eine HTML-Tabelle zentriert aus

Auf einer Seite, an der ich gerade arbeite, kann ich scheinbar keine Tabelle mit einem Bild in der ersten Zeile und zwei Textspalten darunter zentrieren (die beiden Spalten sollten nicht größer sein als die Bilder) width) Hier ist die Seite: http://www.puzzles-et-jeux.com/fr/page/minipuzzles.html Ich habe viel Zeit damit verbracht, dies zu lösen. Ich möchte es in HTML behalten, weil ich Rush machen muss und weil ich für jedes Bild 20 Seiten der Sorte mit unterschiedlichen Breiten/+ Layouts erstellen muss.

48
FabricePMW

Für Ihr Design ist es üblich, Divs anstelle einer Tabelle zu verwenden. Auf diese Weise kann Ihr Layout durch das richtige Styling besser gewartet und geändert werden. Es ist gewöhnungsbedürftig, aber es wird Ihnen auf lange Sicht eine Menge helfen und Sie werden eine Menge darüber lernen, wie das Styling funktioniert. Ich werde Ihnen jedoch eine Lösung für das vorliegende Problem anbieten.

In Ihren Stylesheets sind die Ränder und der Abstand auf 0 Pixel festgelegt. Dies überschreibt Ihr align="center" Attribut. Ich würde empfehlen, diese Einstellungen aus Ihrem CSS zu entfernen, da Sie normalerweise nicht möchten, dass alle Ihre Elemente auf diese Weise beeinflusst werden. Wenn Sie bereits wissen, was im CSS vor sich geht, und dies auch weiterhin tun möchten, müssen Sie einen Stil auf Ihre Tabelle anwenden, um die vorherigen Sätze zu überschreiben. Sie können der Tabelle entweder ein class geben oder den Stil in den HTML-Code einfügen. Hier sind die beiden Optionen:

  1. Mit einer Klasse:

    <table class="centerTable"></table>

In Ihrer style.css-Datei hätten Sie ungefähr Folgendes:

.centerTable { margin: 0px auto; }
  1. Inline mit Ihrem HTML:

    <table style="margin: 0px auto;"></table>

Wenn Sie sich dazu entschließen, die Ränder und Auffüllungen zu löschen, die auf 0px gesetzt sind, können Sie align="center" auf Ihrem <td> Tags für jede Spalte, die Sie ausrichten möchten.

98
Wesley Porter
table
{ 
margin-left: auto;
margin-right: auto;
}

Das wird auf jeden Fall funktionieren. Prost

35
Talha Daniyal

Versuche dies -

<table align="center" style="margin: 0px auto;"></table>
13
Avinash T.