Suche
li Elemente nebeneinander darstellen / Horizontale Liste
Posted on | Dezember 1, 2008 | No Comments
li Elemente nebeneinander darstellen / Horizontale Liste
Um die Elemente einer Liste nebeneinander darzustellen, muss man dem einleitenden Listentag ein float:left mitgeben:
<ul style=”float:left”>
<li>Element</li>
</ul>
Scrollbalken einfärben IE
Posted on | Oktober 26, 2008 | No Comments
Scrollbalken einfärben IE
Scrollbalken mit CSS-Bordmitteln einzufärben, ist nur für den Internet Explorer möglich. Leider kann man sagen, anderen ist selbst die IE-Scrollbalken-Einfärbemöglichkeit zuviel.
So gehts, wenn man den IE Scrollbalken färben möchte:
html {
scrollbar-3dlight-color: #FAEBBE;
scrollbar-darkshadow-color: #c11e1e;
scrollbar-highlight-color: #FAEBBE;
scrollbar-shadow-color: #B4BECD;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #c11e1e;
scrollbar-face-color: #FAEBBE;
scrollbar-track-color: #FAEBBE;
}
Textausrichtung / Blocksatz mit CSS
Posted on | Oktober 26, 2008 | No Comments
Textausrichtung / Blocksatz mit CSS
Um mit CSS einen Blocksatz zu erzeugen, muss man folgendes im Stylesheet tun:
.div_blocksatz {
text-align:justify;
}
Div Box scrollbar machen
Posted on | Oktober 26, 2008 | 1 Comment
Div Box scrollbar machen
Um einen DIV mit Scrolbalken zu versehen, muss man diesem als erstes eine fixe Höhe verpassen, z.B.
.div_mi_fixer_hoehe {
height:100px;
}
Dann muss man die Eigenschaft overflow nutzen Damit entscheidet sich, was mit dem nhalt passiert, der die Höhe des DIV überschreiten würde. Man kann overflow auf scroll, hide oder auto setzen. Scroll ist unser Stichwort, wir wollten ja Scrollbalken erzeugen.
.div_mi_fixer_hoehe {
height:100px;
overflow:scroll;
}
So wird bei zuviel Inhalt ein Scrollbalken erzeugt.
Text vertikal zentrieren mit CSS
Posted on | September 27, 2008 | No Comments
Text vertikal zentrieren mit CSS
So kann man Text vertikal zentriert in einem Container ausrichten:
<div style=”background-color:#cfcfcf;line-height:30px;vertical-align:middle;”>Mitte</div>
CSS Hack für IE7 / CSS für den Internet Explorer 7
Posted on | September 27, 2008 | 1 Comment
CSS Hack für IE7 / CSS für den Internet Explorer 7
Mit folgenden Schnipsel CSS kann man in einem Stylesheet nur für den IE7 gültige Definitionen anlegen:
.klasse_normal {
} //Gilt für alle Browser
*+html .klasse_normal {
} //Gilt nur für Internet Explorer 7
CSS Hack für IE6 / CSS für den Internet Explorer 6
Posted on | September 27, 2008 | No Comments
CSS Hack für IE6 / CSS für den Internet Explorer 6
Mit folgenden Schnipsel CSS kann man in einem Stylesheet nur für den IE6 gültige Definitionen anlegen:
.klasse_normal {
} //Gilt für alle Browser
* html .klasse_normal {
} //Gilt nur für Internet Explorer 6
Div zentrieren / mittig ausrichten
Posted on | September 27, 2008 | 1 Comment
Div zentrieren / mittig ausrichten
Um ein DIV - Container zu zentrieren, wie man es mit bei HTML align=”center” kann, muss man dessen margin auf auto setzen.
<div style=”width:400px;margin:auto;”>div zentriert</div>
Für ältere Browser muss man noch ein umschließendes div einrichten:
<div style=”text-align:center”>
<div style=”width:400px;margin:auto;”>div zentriert</div>
</div>