Ich verwende eine Tabelle, um ein Bild, einen Titel und ein Datum anzuzeigen. Alles funktioniert gut und ich bin zufrieden damit, wie es aussieht, aber um das Bild herum ist etwas Platz, ich denke, es ist der Tischrand / Rand / Padding.
Ich möchte das Bild links von der Tabelle haben, also kein Blau mehr dazwischen.
HTML:
%Vor%Hier ist eine Demo.
Sie können dies versuchen:
%Vor%Fügen Sie in CSS
hinzu %Vor% Die W3C Working Draft 08 Oktober 2015 für HTML 5.1 Listen Sowohl cellspacing als auch cellpadding auf table Elemente sind veraltet und sollten daher nicht verwendet werden.
Unter Abschnitt 11.2 Nicht konforme Funktionen Du wirst den folgenden Hinweis finden:
Elemente in der folgenden Liste sind völlig veraltet und dürfen nicht sein von Autoren verwendet
Sowohl cellpadding als auch cellspacing wurden zur Liste hinzugefügt
Also hier sind Ihre Möglichkeiten;
Option 1
Sie können Ihrem aktuellen Stylesheet die folgenden Stile hinzufügen:
%Vor%Diese Lösung wird so etwas wie diese Geige aussehen; Ссылка
Option 2
Normalisieren Sie Ihr CSS wie von Vucko in den Kommentaren erwähnt.
Sie laden die Datei normalize.css entweder direkt von GitHub herunter und bündeln sie oder verwenden Sie eine CDN, wie unten dargestellt.
%Vor%Diese Lösung wird so etwas wie diese Geige aussehen; Ссылка
.. und während Sie dabei sind
Sie sollten auch display: block; im Seiten-Stylesheet für Ihr <img> -Tag setzen, um den winzigen Platz unter Ihrem Bild zu entfernen.
Sie können auch line-height: 0; für Ihren Bildcontainer verwenden oder vertical-align: bottom; für Ihr img-Tag festlegen. Ich sehe auch Leute, die vorschlagen, dass Sie vertical-align: sub; verwenden, aber dies wird nicht in IE6 oder IE7 funktionieren.