Einzelnen Beitrag anzeigen
  #8 (permalink)  
Alt 19.02.2008, 14:09
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

OK, wenn Du u.U. mehrere Absätze neben einem Bild stehen haben möchtest, dann pack das ganze jeweils in ein div und dann hast Du es.

Code:
<div>
	<img />
	<p>
		Text neben Bild 1
	</p>
</div>
<div>
	<img />
	<p>
		Text neben Bild 2
	</p>
	<p>
		Noch ein Text neben Bild 2
	</p>
</div>
<div>
	<img />
	<p>
		Text neben Bild 3
	</p>
</div>
In den CSS-Anweisungen änderst Du p:after in div:after und * html p in * html div.

Bzw. würde ich hier eine Klasse verwenden, z.B. section und das ganze dann so schreiben
Code:
<div class="section">
	<img />
	<p>
		Text neben Bild 1
	</p>
</div>
<div class="section">
	<img />
	<p>
		Text neben Bild 2
	</p>
	<p>
		Noch ein Text neben Bild 2
	</p>
</div>
<div class="section">
	<img />
	<p>
		Text neben Bild 3
	</p>
</div>
Im CSS dann
Code:
div.section img {
	float: left;
}
div.section:after {
	display: block;
	content: ".";
	height:  0;
	clear:   both;
	visibility: hidden;
}
* html div.section {
	height: 1%;
}
@Rupper: In diesem Fall macht das div dann wieder Sinn, nicht dass da gleich die Frage nach dem warum kommt.
Das div sorgt hier für eine inhaltliche Gruppierung der Elemente die zusammengehörig sind, hat also durchaus eine semantische Bedeutung und ist nicht nur als Mittel zum Zweck da, obwohl es natürlich nur deswegen eingefügt wurde.

Geändert von mantiz (19.02.2008 um 14:11 Uhr)
Mit Zitat antworten