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 13: | Zeile 13: | ||
div.umschliessendesElement { | div.umschliessendesElement { | ||
/* bewirkt das die höhe gleich der inhaltshöhe ist */ | /* bewirkt das die höhe gleich der inhaltshöhe ist */ | ||
| − | display:table; | + | display:table; |
| − | background-color: grey; | + | background-color: grey; /* optional */ |
} | } | ||
| Zeile 20: | Zeile 20: | ||
/* bewirkt das die elemente nebeneinander stehen und nicht untereinander */ | /* bewirkt das die elemente nebeneinander stehen und nicht untereinander */ | ||
float: left; | float: left; | ||
| − | width: 33%; | + | width: 33%; /* optional */ |
} | } | ||
</source> | </source> | ||
Version vom 10. März 2014, 17:24 Uhr
erstmal lose Notizen !!!!!
Listenelementen
li{
margin-bottom:20px; # Abstand zwischen Listenelementen
list-style-type: none; # Listen-Punkte nicht anzeigen
}
divs nebeneinander ohne zeilenumbruch
css
div.umschliessendesElement {
/* bewirkt das die höhe gleich der inhaltshöhe ist */
display:table;
background-color: grey; /* optional */
}
div.nebeneinanderstehendesElement{
/* bewirkt das die elemente nebeneinander stehen und nicht untereinander */
float: left;
width: 33%; /* optional */
}
html
<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>
