Einzelnen Beitrag anzeigen
  #4 (permalink)  
Alt 19.02.2008, 13:32
Benutzerbild von mantiz
mantiz mantiz ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.843
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

Bitte nicht.

Damit der Text innerhalb der Absätze nicht hochrutscht, musst/kannst Du das so machen
Code:
p img {
	float: left;
}
p:after {
	display: block;
	content: ".";
	height:  0;
	clear:   both;
	visibility: hidden;
}
* html p {
	height: 1%;
}
Wenn der Text immer zu dem Bild stehen soll und nicht evtl. neben dem darüber liegenden Bild angezeigt werden soll, dann würde ich hierfür ebenfalls einen eigenen Absatz nehmen.
Code:
<p>
	<img src="blub.png" width="50" height="80" alt="blub" />
	Text Text Text Text Text Text Text Text Text Text Text Text Text 
</p>
<p>
	<img src="blub.png" width="50" height="80" alt="blub" />
	Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
<p>
	<img src="blub.png" width="50" height="80" alt="blub" />
	Text Text Text Text Text Text Text Text Text Text Text Text Text 
</p>
Habe es gerade mal ausprobiert und habe es auf Anhieb nicht hinbekommen 2 Bilder und Text-Abschnitte innerhalb eines Absatzes so auszurichten, dass der entsprechende Text immer neben dem zugehörigen Bild angezeigt wird, würde also zu obigem raten.

Die Anweisung "* html ..." am Besten in ein eigenes CSS für den IE, welches per CC eingebunden wird.

Wenn der Text immer neben dem Bild angezeigt werden soll, dann würde ich auch sagen, dass es semantisch völlig korrekt ist dann immer einen eigenen Absatz zu definieren, da Text und Bild ja dann immer zusammengehörig sind.

Layout-Angaben, wie align="left" gehören nicht ins Markup.
Mit Zitat antworten