Suche
Bild von Text umfließen lassen
Posted on | Januar 17, 2009 | No Comments
Bild von Text umfließen lassen
Um zum Beispiel in einem Div eine Bild rechts von Text umfließen zu lassen, setzt man das Bild einfach nach links. Ein:
<img src=”bild.jpg” align=”left”>
sorgt dafür, dass der Text rechts am Bild vorbeiläuft. Soll der Text links vorbeilaufen setzt man
<img src=”bild.jpg” align=”left”>
Natürlich funktioniert das nur, wenn das Bild den Div in der Breite nicht vollständig ausfüllt.
Den Abstand des Textes kann man mit margin Werten einstellen.
Abstand zwischen DIVs im Internet Explorer
Posted on | Januar 11, 2009 | No Comments
Abstand zwischen DIVs im Internet Explorer
Wenn man zwei Divs untereinander anordnen möchte, ohne einen Zwischenraum / Abstand zu haben, kommt es im IE oft vor, dass zwischen den Divs doch ein Abstand angezeigt wird. Dies passiert dann, wenn man im Stylesheet keine Höhe angibt.
Man vermeidet also den Abstand zwischen den Divs im Internet Explorer, wenn man jedem der beiden Divs eine feste Höhe gibt.
Favicon erstellen 2
Posted on | Dezember 9, 2008 | No Comments
Favicon erstellen 2
Um auch ohne Software-Plugins ein Favicon zu erstellen, kann man einen Onlinegenerator verwenden:
http://www.favicon-generator.de
Webseiten auf Festplatte kopieren
Posted on | Dezember 5, 2008 | No Comments
Webseiten auf Festplatte kopieren
Wer eine komplette Webseite auf seine Festplatte kopieren möchte, sollte sich unbedingt das Tool Win HT Track anschauen, welches aktuell in der Version 3.43 vorliegt. Zu finden ist das Tool unter:
www.httrack.com
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>
Formular mit Dateianhang
Posted on | November 24, 2008 | No Comments
Formular mit Dateianhang
Um ein Formular für eine Usereingabe mit Dateianhang zu erstellen, muss man einen sogenannten enctype im Formularkopf angeben. Statt
<form name=”form” action=”form.php” method=”POST”>
schreibt man einfach:
<form name=”form” action=”form.php” method=”POST” enctype=”multipart/form-data”>
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>
« go back — keep looking »