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 9: | Zeile 9: | ||
=== divs nebeneinander ohne zeilenumbruch === | === divs nebeneinander ohne zeilenumbruch === | ||
| − | + | '''css''' | |
<source lang="css"> | <source lang="css"> | ||
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; | ||
} | } | ||
| − | + | ||
div.nebeneinanderstehendesElement{ | div.nebeneinanderstehendesElement{ | ||
/* bewirkt das die elemente nebeneinander stehen und nicht untereinander */ | /* bewirkt das die elemente nebeneinander stehen und nicht untereinander */ | ||
float: left; | float: left; | ||
| + | width: 33%; | ||
} | } | ||
</source> | </source> | ||
| − | + | '''html''' | |
<source lang="html4strict"> | <source lang="html4strict"> | ||
<div class="umschliessendesElement"> | <div class="umschliessendesElement"> | ||
Version vom 10. März 2014, 17:23 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;
}
div.nebeneinanderstehendesElement{
/* bewirkt das die elemente nebeneinander stehen und nicht untereinander */
float: left;
width: 33%;
}
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>
