Css: Unterschied zwischen den Versionen
Aus Vosp.info
F (Diskussion | Beiträge) (→divs nebeneinander ohne zeilenumbruch) |
F (Diskussion | Beiträge) (→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>