XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   centern einer Tabelle mit float (http://xhtmlforum.de/showthread.php?t=72241)

egbrother 04.08.2015 20:35

centern einer Tabelle mit float
 
Hallo,

ich habe mehrere Tabellen mit float:left nebeneinander platziert.

Jetzt hätte ich gerne dass diese Tabellen mittig dargestellt werden.
Also, soviele wie halt nebeneinander hinpassen, und die alle dann gemeinsam gecentert.

Gibt es da irgendeine Möglichkeit?

Danke und LG
egbrother

MrMurphy 04.08.2015 22:36

Hallo,

ohne Link zur Seite ist eine konkrete Hilfe leider nicht möglich.

Ja, es gibt mehrere Möglichkeiten. Heutzutage am sinnvollsten ist wohl das Flexbox-Modell ( display: flex; ) mit ein paar Breitenangaben.

Gruss

MrMurphy

egbrother 08.08.2015 18:02

Code
 
Hy!

PHP-Code:

echo "<div style='  float: left; margin:10px 0px 20px 0px;'>";    

echo 
"<table border='1' style='float:left;'><tbody><tr'><td align='center' bgcolor='#FFFFFF'><img src='../../userfiles/images/images/logosklein/".$zeile1['logo']."' width='230px' height='152px'><br />";

echo 
"<p style='color:#336699; font-size:16px; text-transform:uppercase; font-weight:bold;'> ".$zeile1['festival']."</p><p style='color:#000000; font-size:14px; font-weight:bold;'> ".strftime("%d.%m."strtotime($zeile1['datumvon'])). " bis ".strftime("%d.%m.%Y"strtotime($zeile1['datumbis'])). "<br />".$zeile1['ort']."<br />".$zeile1['land']."<br /><a href='http://www.festival-mate.com/index.php/festivals/".$zeile1['genre']."/".$zeile1['title']."?venue=".$zeile1['title']."' taget='_self'><br> -> nähere Informationen</a></td></tr></tbody></table>"

Das wäre der Code. Und die Seite ist Festival Mate - Dein treuer Festivalbegleiter Direkt auf der Startseite.

Danke!

K.Roland 09.08.2015 22:37

Dieses:
HTML-Code:

<div class="item_fulltext" style="text-align: center;">
bietet sich an um die Tabellen zu zentrieren.

• möglichst externe CSS-Anweisungen anwenden.

so:
Code:

.item_fulltext {
    text-align: center;
}
.item_fulltext table {
    display: inline-block;
}

_______________
MfG Roland

egbrother 12.08.2015 14:26

Hallo Roland,

danke, aber das ändert nichts an der Position der einzelnen Felder.

Schau mal rein: Festival Mate - Dein treuer Festivalbegleiter
gleich auf der Startseite. Die einzelnen Festivals sind von links aus ausgerichtet, sollen aber in ihrem Bereich mittig angezeigt werden.

Eine Idee?

Danke
egbrother

cloned 12.08.2015 14:37

Wieso werden da überhaupt Tabellen verwendet? img und p in ein div und gut ist.
Auch gibt es Syntaxfehler bei deinen Tabellen, bevor das nicht behoben ist hat alles andere keinen Sinn ^^

egbrother 13.08.2015 01:08

Yes!
 
Danke!
Mit den divs hat alles nach Wunsch funktioniert!


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:52 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023