Tabelle im Content positionieren

    Hallo ihr lieben Helfer,
    ich habe eine Tabelle mit 550px Breite in Dreamweaver erstellt und diese in meinen Content im HTML-Editor kopiert.

    Jetzt ist die Tabelle automatisch so breit wie der ganze Content was ich nicht möchte.

    Wo liegt der Hund begraben?
    Kann man die Content Breite verkleinern bzw was kann ich tun das die Tabelle im Content mit 550px zentriert positioniert ist. Weiters möchte ich dass die Tabelle gleich nach dem Menü anliegt und nicht erst ca 6 cm unterhalb.

    Vielen Dank für die Hilfe im Voraus

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Liebe/r Ruccola
    Jetzt hast du bei 74 Postings ganze 36 Threads erstellt, da sollte dir eigentlich schon klar sein, dass es für die Community hier wesentlich einfacher ist dir zu helfen wenn du einen Link postest! Zusätzlich wäre in diesem Fall schön, wenn du vie php-Einfügeoption, den html-Code deiner Tabelle postest.

    Umso leichter du es jemandem machst dir zu helfen umso eher wird dir geholfen!

    Hallo danke für deine Antwort.
    Hier der Code:

    <style type="text/css">
    <!--
    .headline {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    }


    .fliesstext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000;
    padding-left: 0px;
    margin-left: 0px;
    }
    -->
    </style>
    </head>


    <body><table width="550" border="0" cellpadding="0" cellspacing="0" class="tab_pos">
    <tr>
    <td width="50" height="110" valign="middle" bgcolor="#CCCC99"><p>&nbsp;</p></td>
    <td width="450" valign="middle" bgcolor="#CCCC99"><p><span class="headline">HEADLINE AND SUBLINE</span><br>
    <br>
    <span class="fliesstext">Das ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Das ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind
    und wie sie aussehen.</span></p></td>
    <td width="50" valign="middle" bgcolor="#CCCC99">&nbsp;</td>
    </tr>
    </table>
    <br>
    <table width="550" border="0" cellpadding="0" cellspacing="0" class="tab_pos">
    <tr>
    <td width="50" height="70">&nbsp;</td>
    <td width="160"><img src="Bilder/platzhalter.jpg" alt="" width="150" height="70" align="middle"></td>
    <td width="290"><span class="headline">HEADLINE AND SUBLINE</span><br>
    <br>
    <span class="fliesstext">Das ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie
    aussehen.</span></td>
    <td width="50">&nbsp;</td>
    </tr>
    </table>
    <br>
    <table width="550" border="0" cellpadding="0" cellspacing="0" class="tab_pos">
    <tr>
    <td width="50" height="70">&nbsp;</td>
    <td width="160"><img src="Bilder/platzhalter.jpg" alt="" width="150" height="70" align="middle"></td>
    <td width="290"><span class="headline">HEADLINE AND SUBLINE</span><br>
    <br>
    <span class="fliesstext">Das ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie
    aussehen.</span></td>
    <td width="50">&nbsp;</td>
    </tr>
    </table>
    <br>
    <table width="550" border="0" cellpadding="0" cellspacing="0" class="tab_pos">
    <tr>
    <td width="50" height="70">&nbsp;</td>
    <td width="160"><img src="Bilder/platzhalter.jpg" alt="" width="150" height="70" align="middle"></td>
    <td width="290"><span class="headline">HEADLINE AND SUBLINE</span><br>
    <br>
    <span class="fliesstext">Das ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie
    aussehen.</span></td>
    <td width="50">&nbsp;</td>
    </tr>
    </table>
    <br>
    <table width="550" border="0" cellpadding="0" cellspacing="0" class="tab_pos">
    <tr>
    <td width="50" height="70">&nbsp;</td>
    <td width="160"><img src="Bilder/platzhalter.jpg" alt="" width="150" height="70" align="middle"></td>
    <td width="290"><span class="headline">HEADLINE AND SUBLINE</span><br>
    <br>
    <span class="fliesstext">Das ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie
    aussehen.</span></td>
    <td width="50">&nbsp;</td>
    </tr>
    </table>

    Erstens:

    Zitat von pixselig

    wesentlich einfacher ist dir zu helfen wenn du einen [COLOR="#FF0000"]Link[/COLOR] postest!

    Zweitens:

    Zitat von pixselig

    Zusätzlich wäre in diesem Fall schön, wenn du [COLOR="#FF0000"]via php-Einfügeoption[/COLOR], den html-Code deiner Tabelle postest.


    (macht das ganze wesentlich Übersichtlicher!)

    Drittens:
    http://forum.wpde.org/design/104710-…html#post456410
    (in diesem Fall heisst das, das zumindest das schliessende head-Tag und das öffnende body-Tag weg muss)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden