Grafik richtig integrieren und formatieren

[Cheatah]

Hi,

Grüß Gott,

och nö, so hoch wollte ich heute eigentlich nicht mehr hinaus.

seid ich CSS verwende, weiß ich, dass ich auch direkt über CSS Grafiken in meine Site einbinden kann. Für den Hintergrund z.B. so:

CSS dient der Optik und soll keinen Inhalt vermitteln. Daher ist es ideal, über CSS alle Grafiken einzubringen, die der Verzierung dienen. Grafische Inhalte, also beispielsweise Fotos, sind hingegen Sache von HTML.

background url(header.jpg)

(Pssst! Doppelpunkt!)

Wie integriere ich denn die Grafik test.jpg richtig in meine Webseite. Dabei handelt es sich nicht um eine Hintergrundgrafik. Sie soll zwischen zwei Absätzen plaziert werden. Innerhalb des HTML-Codes oder direkt im CSS-Bereich?

Siehe oben. Handelt es sich um einen Inhalt, so ist es das Revier von HTML. Ist es verschönderndes Beiwerk, muss CSS ran.

Momentan würde ich die Grafik so einbinden:
<p id="grafik"><img src="test.jpg" alt="test"></p>

Eine Grafik zählt wohl kaum als Fließtext, daher ist das <p>-Element fehl am Platz. Natürlich kann es sein, dass eine Grafik zum Fließtext _gehört_ und somit innerhalb eines <p>-Elements eingebunden wird - vor, nach oder zwischen dem Text.

Anschließend würde ich die Grafik in CSS mit der richtigen Größe und dem Rahmen formatieren ungefähr so:
#grafik{
  [Größe und Rahmen der Grafik festlegen]
}
Wäre das so richig?

Nicht wirklich, obiger Code würde den Absatz formatieren, nicht die Grafik. Dazu benötigst Du den Nachfahrenselektor " ".

Cheatah