Css
Aus Vosp.info
Version vom 18. März 2014, 00:33 Uhr von F (Diskussion | Beiträge)
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>
float gedöns
wenn nach dem float gedöns, alles wieder normal weitergehen soll, sprich auch die static positionierung klappen soll .. muss
.main:after{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }