Css: Unterschied zwischen den Versionen

Aus Vosp.info
Wechseln zu:Navigation, Suche
(divs nebeneinander ohne zeilenumbruch)
(divs nebeneinander ohne zeilenumbruch)
Zeile 20: Zeile 20:
 
float: left;
 
float: left;
 
}
 
}
 +
</source>
 +
 +
<source lang="html4strict">
 +
<div class="umschliessendesElement">
 +
<div class="nebeneinanderstehendesElement">hier steht ein text</div>
 +
<div class="nebeneinanderstehendesElement">hier steht ein text</div>
 +
<div class="nebeneinanderstehendesElement">hier steht ein text</div>
 +
</div>
 
</source>
 
</source>

Version vom 10. März 2014, 17:21 Uhr

erstmal lose Notizen !!!!!


Listenelementen

li{
   margin-bottom:20px;               # Abstand zwischen Listenelementen
   list-style-type: none;            # Listen-Punkte nicht anzeigen
}

divs nebeneinander ohne zeilenumbruch

div.umschliessendesElement {
	/* bewirkt das die höhe gleich der inhaltshöhe ist */
	display:table;
}

div.nebeneinanderstehendesElement{
	/* bewirkt das die elemente nebeneinander stehen und nicht untereinander */
	float: left;
}
<div class="umschliessendesElement">
	<div class="nebeneinanderstehendesElement">hier steht ein text</div>
	<div class="nebeneinanderstehendesElement">hier steht ein text</div>
	<div class="nebeneinanderstehendesElement">hier steht ein text</div>
</div>