Wie Entferne ich den Abstand zwischen Zeilen in einer HTML-Tabelle?

Ich habe eine html-Tabelle mit 3 Zeilen und 1 Spalte. In der top-und button-Zeile habe ich Bilder und in der mittleren Zeile habe ich div.

Zwischen meinen Zeilen sehe ich eine Trennung (sehe ich im hintergrund von "meine Seite"). Ich habe versucht, alle padding und margins auf null (für Tabellen, div und Bilder) und ich habe immer noch diese Trennung. Kann jemand, bitte mir helfen, dieses problem zu lösen.

InformationsquelleAutor Roman | 2010-06-01
  1. 7

    Legen Sie die cellspacing=0 im <table> tag sowie cellpadding=0.

    • Du denkst zu HTML 4 / CSS 1 / 1996.
    • Er ist mit Tabellen für die Formatierung seiner Seite. Das ist HTML4/CSS1/1996. So, meine Antwort.
    • Diese Lösung funktioniert auch nicht. Für die Formatierung mit Tabellen... Er wird pick-up der richtige Einsatz von DIVs, also lasst Schnitt ihm etwas Spielraum. 🙂
    InformationsquelleAutor Paul
  2. 16

    Versuchen Sie es mit 'border-collapse':

    table {
  border-collapse: collapse;
}
    • Hat jemand diese zu arbeiten? Ich habe versucht, und es nicht eine Sache für mich.
    • funktioniert ! danke !
    InformationsquelleAutor gonzohunter
  3. 5

    Verwenden Sie diese im img-tag :

    display: block;
    • Hurra! Feste mein problem!
    InformationsquelleAutor Amin Saqi
  4. 4

    Gonzohunter genagelt, dieser, okay, aber Sie finden es möglicherweise einfacher, einfach den Stil auf den Tisch, vorausgesetzt, Sie sind in einer neueren HTML-version.

    Ich verwendet 

    <table style='border-collapse: collapse;'>
    ... 
</table>

    Diese funktionierte perfekt.

    InformationsquelleAutor Rerum Fontis
  5. 1

    Scheint es, dass es Ihr H2, die es verursacht. Um es zu beheben, legen Sie den oberen Rand auf null:

    <h2 style="margin-top: 0;"><span class="text">Welcome to the Colored Trails Game Page!</span></h2>
    InformationsquelleAutor Gert Grenander
  6. 0

    Müssen Sie beseitigen Abstand von den Zellen der Tabelle selbst.

    CSS:

    <style type="text/css">
  td {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
  }
</style>

    Oder in HTML 4.01/XHTML 1.0 DTD (Strict oder Transitional):

    <table cellspacing="0" cellpadding="0">
  [...]
</table>
    InformationsquelleAutor Dolph
Schreibe einen Kommentar