Textfluß
Mit Hilfe von css kann Fließtext entsprechend zu anderen Elementen wie z.B. Bildern oder auch anderen Textpassagen angeordnet werden. Hierfür wird die Postion des Elementes mit float: left | right | definiert, um das entsprechend das andere Element angeordnet werden soll.
div.rechtsfliessend {
float:right;
margin:0 10px 0 10px;
width:250px;
height:80px;
background:#ddd;
}
float:right;
margin:0 10px 0 10px;
width:250px;
height:80px;
background:#ddd;
}
Einbinden in HTML
Dies ist der Text, der links neben dem grauen Kasten steht. Dies ist der Text, der links neben dem grauen Kasten steht. Dies ist der Text, der links neben dem grauen Kasten steht.
div.linksfliessend {
float:left;
margin:0 10px 10px 0;
width:250px;
height:80px;
background:#ddd;
}
float:left;
margin:0 10px 10px 0;
width:250px;
height:80px;
background:#ddd;
}
Einbinden in HTML
Dies ist der Text, der links neben dem grauen Kasten steht. Dies ist der Text, der links neben dem grauen Kasten steht. Dies ist der Text, der links neben dem grauen Kasten steht.
Soll z.B. bei einem neuen Absatz der Textfluß (vorzeitig) beendet werden, so kann dies mit der css
Anweisung clear: left | right erfolgen.
Verschaff Dir einen Überblick
Wissenswertes, Hilfestellung und Lösungen rund um das Thema CSS:A
Absolute und relative MaßeAbgerundete Ecken
Anordnung
B
background-attachmentbackground-position
C
cm (Zentimeter)Color
Contextual Selectors
CSS Formatierungen
CSS-Sprites
D
Definition mehrerer TagsE
Ebenen / LayerEcke / Eckenrundung
Einbindung CSS
em
ex
Externe CSS-Datei
F
FarbenFarbcodes
Farbnamen
Farbverlauf
Fixierter, fester Hintergrund
G
GradientGrundlagen
H
HintergrundbildHintergrundbild Positionierung
Hover-Effekt über Hintergrundbild
I
IDsin (Inch)
Interne CSS-Datei
K
KlassenKlassifizierung
L
Layer / EbenenListen
P
pcPosition
Positionierung Hintergrundbild
pt (Pica)
px (Pixel)
R
Rahmen FormatierungReihenfolge von Elementen
Relative und absolute Maße
repeat Möglichkeiten
Runde Ecken
S
SchriftformatierungScrollbarer Hintergrund
Sichtbarkeit
Sprites
Stylesheet
T
TextflussTextgestaltung
U
Überhängende InhalteÜbereinander liegende Elemente
V
VererbungVerlauf / Verläufe
