kostenloser Webspace werbefrei: lima-city


Mehrere Tabellen neben einander

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    das-koenigreich

    das-koenigreich hat kostenlosen Webspace.

    Ich habe eine Seite auf der viele Tabellen sind. Diese Tabellen werden momentan unter einander dargestellt. Im Internet habe ich sehr viele Seiten gefunden, auf denen beschrieben wurde, wie man 2 Tabellen neben einander zeigen kann, jedoch versagen diese Methoden schon bei 3 Tabellen, die neben einander gezeigt werden sollen.

    Habt ihr eine ultimative Lösung für das Problem parat?
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Einfach in Divs packen, die nebeneinander sind.

    <div style="display:inline; float:left;">
        <!-- Tabelle -->
    </div>
    
    <div style="display:inline; float:left;">
        <!-- Tabelle -->
    </div>
    [...]
  4. Autor dieses Themas

    das-koenigreich

    das-koenigreich hat kostenlosen Webspace.

    Vielen Dank!

    Edit: Ich habe schon einiges versucht, um die Tabellen auf Abstand zu bringen. Leider hat nichts funktioniert. Eine Tabelle + Abstand soll 300px breit sein, der Abstand selbst 25px.

    Beitrag zuletzt geändert: 1.3.2010 16:50:45 von das-koenigreich
  5. das-koenigreich schrieb: Vielen Dank!

    Edit: Ich habe schon einiges versucht, um die Tabellen auf Abstand zu bringen. Leider hat nichts funktioniert. Eine Tabelle + Abstand soll 300px breit sein, der Abstand selbst 25px.


    Dann fehlen deinen Divs folgende Attribute:
    width: 275px;
    margin-right: 25px;


    <div style="display:inline; float:left; width:275px; margin-right:25px;">
        <!-- Tabelle -->
    </div>
    
    <div style="display:inline; float:left; width:275px; margin-right:25px;">
        <!-- Tabelle -->
    </div>
    [...]
  6. Autor dieses Themas

    das-koenigreich

    das-koenigreich hat kostenlosen Webspace.

    Die Breite habe ich vorhin auch angegeben, jedoch kein margin-right. Das habe ich jetzt auf 0 gesetzt, und die Breite entsprechend angepasst, da ich heraus gefunden habe, dass es für langen Text besser ist. Es funktioniert jetzt, jedoch hat es ohne margin-right:0px nicht funktioniert :slant:
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!