Css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
F (Diskussion | Beiträge) |
F (Diskussion | Beiträge) |
||
| 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>