Css: Unterschied zwischen den Versionen
Aus Vosp.info
F (Diskussion | Beiträge) (→float gedöns) |
F (Diskussion | Beiträge) |
||
Zeile 43: | Zeile 43: | ||
clear:both; | clear:both; | ||
overflow:hidden; | overflow:hidden; | ||
+ | } | ||
+ | </source> | ||
+ | |||
+ | === standarts unterdrücken === | ||
+ | <source lang="css"> | ||
+ | p { | ||
+ | display: inline; /* Kein Umbruch */ | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | margin:0px; /* Kein Absatz, also kein Abstand zur neuen Zeile. */ | ||
} | } | ||
</source> | </source> |
Version vom 18. März 2014, 16:22 Uhr
erstmal lose Notizen !!!!!
Inhaltsverzeichnis
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
ansich ist es wohl nur display:block;
.main:after{
display:block;
content:".";
clear:both;
overflow:hidden;
}
standarts unterdrücken
p {
display: inline; /* Kein Umbruch */
}
h3 {
margin:0px; /* Kein Absatz, also kein Abstand zur neuen Zeile. */
}