Problem mit den Tabellen Inhalt

straight

Hallo
mein Name ist Alexander und ich bin neu hier und hoffe jemand kann mir bei meinem Problem weiterhelfen.

Ich habe eine Vereins Homepage basierend auf Wordpress 3.4.1 aufgesetzt und bin aktuell dabei diese mit Inhalt zu füllen.

Leider werden die Tabellen nicht so dargestellt wie ich es gern hätte. Den Code schreibe ich mit Dreamweaver.

Mein Problem stellt sich wie folgt dar:
Habe eine Tabelle mit 3 Spalten und 9 Zeilen.
Inhalt ist ein Bild sowie Name und die Position desjenigen.
Das Ganze ist in einer Box eingebaut die eine Hintergrundfarbe hat.

Problem ist:
- Die Tabelle wird nicht ganz angezeigt da die rechte Spalte zur Hälfte aus dem Content Bereich ist.
- Der Abstand zwischen den Boxen ist viel zu groß und ich bekomm ihn nicht kleiner.

Hier ein kleiner Auszug aus dem Code.

HTML

<style type="text/css">
.beitrag {
    padding:10px;
    background-color:#dd5a6a;
    width:130px;
    height:200px;


}
.uebersetzung {
    border-bottom: 1px dotted #900;
}
.position {
    font-style: italic;
}
.beitrag p {
    font-size: 12px;
}
</style>
<div>
  <table>
    <tr>
      <td><div class="beitrag">
          <p><a href="http://www..../wordpress/wp-content/uploads/2012/07/platzhalter.jpg"><img class="alignnone  wp-image-497" title="platzhalter" src="http://www..../wordpress/wp-content/uploads/2012/07/platzhalter.jpg" alt="" width="86" height="108" /></a><br />
            Her... Martin<br>
            <span class="position">Trainer </span>
        </div></td>
      <td><div class="beitrag">
          <p><a href="http://www..../wordpress/wp-content/uploads/2012/07/platzhalter.jpg"><img class="alignnone  wp-image-497" title="platzhalter" src="http://www..../wordpress/wp-content/uploads/2012/07/platzhalter.jpg" alt="" width="86" height="108" /></a><br />
            Sch... Gerhard<br>
            <span class="position">Co-Trainer</span>
        </div></td>
      <td><div class="beitrag">
          <p><a href="http://www..../wordpress/wp-content/uploads/2012/07/platzhalter.jpg"><img class="alignnone  wp-image-497" title="platzhalter" src="http://www..../wordpress/wp-content/uploads/2012/07/platzhalter.jpg" alt="" width="86" height="108" /></a><br />
            Sch... Christian<br>
            <span class="position">Co-Trainer</span>
        </div></td>
    </tr>

Alles anzeigen

Bin für jede Hilfe dankbar.

Gruß
Alex

Werbepost

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

endcore

Code

<tabe cellspacing="0" cellpadding="0" border="0" width="600">

Cellspacing bestimmt den Abstand der einzelnen Tabellenfelder
Cellpadding bestimmt den Abstand zwischen den Tabellenfelder und den darin enthaltenen Text
Border auf 0 gesetzt entfernt den hässlichen Tabellenborder
Breite (width) auf 600 ist ein Beispiel wie du die Tabelle schmaler machen kannst, sodass sie nicht aus deinem Content raus ragt.

Versuchs mal damit, ansonsten bitte mal die Seite posten.

straight

Danke endcore für deine schnelle Antwort.

Seitenlink: http://www.asvzirndorf-fussball.de/?page_id=68

Der Code sieht jetzt so aus:

HTML

<style type="text/css">
.beitrag {
    padding:10px;
    background-color:#dd5a6a;
    width:130px;
    height:200px;
}
.uebersetzung {
    border-bottom: 1px dotted #900;
}
.position {
    font-style: italic;
}
.beitrag p {
    font-size: 12px;
}
</style>
<div>
  <table cellspacing="0" cellpadding="2" border="0" width="400">
    <tr>
      <td><div class="beitrag">
          <p><a href="http://www.asvzirndorf-fussball.de/wordpress/wp-content/uploads/2012/07/platzhalter.jpg"><img class="alignnone  wp-image-497" title="platzhalter" src="http://www.asvzirndorf-fussball.de/wordpress/wp-content/uploads/2012/07/platzhalter.jpg" alt="" width="86" height="108" /></a><br />
            Hermann Martin<br>
            <span class="position">Trainer </span>
        </div></td>
      <td><div class="beitrag">
          <p><a href="http://www.asvzirndorf-fussball.de/wordpress/wp-content/uploads/2012/07/platzhalter.jpg"><img class="alignnone  wp-image-497" title="platzhalter" src="http://www.asvzirndorf-fussball.de/wordpress/wp-content/uploads/2012/07/platzhalter.jpg" alt="" width="86" height="108" /></a><br />
            Schmidt Gerhard<br>
            <span class="position">Co-Trainer</span>
        </div></td>
      <td><div class="beitrag">
          <p><a href="http://www.asvzirndorf-fussball.de/wordpress/wp-content/uploads/2012/07/platzhalter.jpg"><img class="alignnone  wp-image-497" title="platzhalter" src="http://www.asvzirndorf-fussball.de/wordpress/wp-content/uploads/2012/07/platzhalter.jpg" alt="" width="86" height="108" /></a><br />
            Schlicker Christian<br>
            <span class="position">Co-Trainer</span>
        </div></td>
    </tr>
    <tr>
      <td><div class="beitrag">
          <p><a href="http://www.asvzirndorf-fussball.de/wordpress/wp-content/gallery/spieler/loesel_stefan.jpg"><img class="alignnone  wp-image-497" title="Lösel Stefan" src="http://www.asvzirndorf-fussball.de/wordpress/wp-content/gallery/spieler/loesel_stefan.jpg" alt="" width="86" height="108" /></a><br />
            Lösel Stefan<br>
            <span class="position">Torwart</span>
        </div></td>
      <td><div class="beitrag">
          <p><a href="http://www.asvzirndorf-fussball.de/wordpress/wp-content/uploads/2012/07/platzhalter.jpg"><img class="alignnone  wp-image-497" title="platzhalter" src="http://www.asvzirndorf-fussball.de/wordpress/wp-content/uploads/2012/07/platzhalter.jpg" alt="" width="86" height="108" /></a><br />
            Marstatt Dominik<br>
            <span class="position">Torwart</span>
        </div></td>
      <td><div class="beitrag">
          <p><a href="http://www.asvzirndorf-fussball.de/wordpress/wp-content/uploads/2012/07/platzhalter.jpg"><img class="alignnone  wp-image-497" title="platzhalter" src="http://www.asvzirndorf-fussball.de/wordpress/wp-content/uploads/2012/07/platzhalter.jpg" alt="" width="86" height="108" /></a><br />
            Lauermann Stefan<br>
            <span class="position">Abwehr</span>
        </div></td>
    </tr>
  </table>
</div>

Alles anzeigen

Der abstand besteht weiterhin.

Tutrix

Das liegt an der Formatierung aus der style.css

gib deiner Tabelle eine Class
z.B.

Code

<table [COLOR="#FF0000"]class="posttable"[/COLOR] cellspacing="0" cellpadding="2" border="0" width="400">

und als CSS Code dies hinzufügen

CSS

.posttable td {
    padding: 0 !important;
}

straight

Danke Art of Pic für deine Hilfe, es hat geklappt !!!

Dankeschön !!!!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Problem mit den Tabellen Inhalt

Jetzt mitmachen!