Fließender Text um Bild:Padding funktioniert nicht

Computer: Software & Programmierung HTML & CSS
#1

Hallo!

Mein Problem ist folgendes: Ich habe ein Bild („Start.jpg“), welches ich per ‚align=„left“‘ auf die Linke Seite meiner Startseite verfrachte. Um dieses Bild soll auf der rechten Seite ein Begrüßungstext fließen. Dieser Begrüßungstext soll nicht direkt an dem Bild „kleben“, sondern einen kleinen Rand von ca. 10px zwischen Bild und Text lassen. Normalerweise würde das über „padding-left“ laufen, was aber zu meinem Erstaunen nichts bewirkt. Kann mir jemand helfen?

Hier ist der Code:

Startseite
Willkommen auf meiner Seite!

Anm.: und sind per externem CSS eingebundene Formatierungen für Fonts, nichts arges oder großes.

#2

Vorschlag
Hallo,

ich habe Abstände zu den Graphiken bei den Graphiken selbst im CSS eingestellt und das funktioniert.

/* Für Graphiken, die links liegen */
.img-links { padding-right : 10px; padding-bottom : 5px; }
/* Für Graphiken, die rechts liegen */
.img-rechts { padding-left : 10px; padding-bottom : 5px; }

Quelle: http://klafuenf.de/format.css

Gruß

Stefan

#3

Vorschlag 2
Hallo bustard,

mit Strict-Methode kannst du keine Attribute „align“ und „border“ benutzen, dann musst du die Transitional nehmen.
Die Formatierung sollte per CSS gemacht werden.

Zudem: eine Überschrift h1 in einem Absatz-p zu setzen, ist ein Fehler.

Vorschlag:

Willkommen auf meiner Seite!

Gruß
Maja

#4

Hallo, Maja!

Danke, das hat’s prima gerichtet.
Eine Frage würde ich aber dann doch noch gern klären, wenn sie schonmal aufkommt:

Zudem: eine Überschrift h1 in einem Absatz-p zu setzen, ist
ein Fehler.

Mit Dank und Gruß,
bustard.

#5

Verschachtelung
Hallo Bustard,

beides sind Block-Elemente, nur wenige Blockelemente dürfen auch andere Blockelemente enthalten.

Eine Überschrift h1-6 darf nur Inline-Elemente enthalten, ebenso der Absatz-Tag p.

Ganz einfach zu merken, wenn man sich das mit Inline- und Blockelementen einigermaßen verinnerlicht…

Siehe auch HTML-Referenz unter Tabelleneintrag „Darf folgende HTML-Elemente enthalten“ und „Darf innerhalb der folgenden HTML-Elementen vorkommen“:

http://de.selfhtml.org/html/referenz/elemente.htm#h1_h6

http://de.selfhtml.org/html/referenz/elemente.htm#p

Viele Grüße
Maja

1 Like