Wie, um loszuwerden, der Raum zwischen der html-Tabelle?

How, um loszuwerden, diese Leerstellen zwischen den Bildern?
Wie Sie sehen können, wenn ich Bilder einer nach dem anderen, es ist kein Platz mehr und wenn ich unten dann ein Leerzeichen vorhanden ist. Wie kann ich dies beheben?

Wie, um loszuwerden, der Raum zwischen der html-Tabelle?

Und hier ist der code: 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<style type="text/css">
.table{
border-collapse: collapse;
border-spacing:0;
}
</style>
</head>
<body>
<table width="805" border="0" cellspacing="0" cellpadding="0" class="table" align="center">
<tr>
<td><img src="sutent/1.png"></td>
</tr>
<tr>
<td><img src="sutent/2.png"><img src="sutent/3.png"></td>
</tr>
<tr>
<td class="td1" ><img src="sutent/4a.jpg"><img src="sutent/5.png"><img src="sutent/8a.png"><img src="sutent/9a.png"><img src="sutent/13a.png"></td>
</tr>
<tr>
<td><img src="sutent/4b.png"><img src="sutent/6.png"><img src="sutent/8b.png"><img src="sutent/9b.png"><img src="sutent/13b.png"></td>
</tr>
</table>
</body>
</html>
InformationsquelleAutor Luican Adrian | 2013-05-30
  1. 1

    Versuchen, entfernen . vom Beginn der deklarierten Klasse und nicht Klasse zuordnen zu Tabelle

    als

    table{
border-collapse: collapse;
border-spacing:0;
}
    • ich Tat es , aber immer noch nicht arbeiten
    • hinzufügen !important zu den style-Wert als border-collapse:collapse !important; und fügen Sie padding:0 !important; für td für style Attribut.
    • jsfiddle.net/qbHQD immer noch das gleiche
    • line-height:10px; hinzufügen table Klasse, die definiert ist, bevor Sie zusammen mit anderen Eigenschaften.
    • Bharadwaj danke , es hat funktioniert !!!
    • Ich würde raten von der Verwendung von line-height dieses Problem zu beheben. Sollten Sie verwenden vertical-align:bottom statt.

    InformationsquelleAutor Bharadwaj
  2. 2
    <style type = "text/css">
tr
{
margin:0;
padding:0;
}
td
{
margin:0;
padding:0;
}
table
{
cellspacing:0;
cellpadding:0;
}
</style>
    • vielen Dank für die Beantwortung aber es hat nicht funktioniert
    • versuchen Sie es erneut. bearbeitet haben
    • NÖ , keine änderung
    • auch versuchen Sie, die Tabelle ist Klasse und nennen es etwas anderes. Vielleicht ist die widersprüchlichen zwischen der Klasse und der tag-name.
    • auch haben bearbeiteten code wieder. Probieren Sie es aus!
    • ich habe es getan , aber immer noch Raum zwischen den Zellen
    • href="http://jsfiddle.net/qbHQD/" >jsfiddle.net/qbHQD

    InformationsquelleAutor imulsion
  3. 1

    Ich weiß, das ist eine alte Frage, aber ich dachte, ich würde werfen in meiner Eingabe, falls es jemandem hilft. Manchmal Laufe ich in Probleme mit der font-size oder line-height wird zu groß - Sie schaffen Räume zwischen den Zellen der Tabelle, auch wenn kein text vorhanden ist. Vielleicht sollten wir in diesem Blick.

    • das ist gute Ratschläge, können Sie erarbeiten eine Lösung sollte dies tatsächlich der Fall sein?
    • wenn Sie die Antwort Lesen Sie sorgfältig, werden Sie feststellen, dass er eigentlich was eine mögliche Ursache für dieses problem.
    • Du hast absolut Recht. Sorry, mein Fehler.
    • Es ist alles gut. Danke, Jeroen.
    • Also, wenn es der Fall ist, dass es die line-height oder font-size messing mit Ihren Tabellen, würden Sie gerade brauchen, um schrumpfen Sie nach unten, um fit in die Zelle. Ich glaube, die Standard-Zeile-Höhe um 1.2 em, so konnte man versuchen, sich bis zu 1.1, oder einfach nur die Verringerung der font-size in die Zelle.
    InformationsquelleAutor Drew Nusser
Schreibe einen Kommentar