Layouts mit float erstellen
Über den Vortrag
Am häufigsten verwendet man zur Erstellung von Layouts die CSS-Eigenschaft float. Float ist zwar an sich eine etwas kryptische Eigenschaft, da sie ursprünglich für die Layouterstellung nicht vorgesehen war. Aber heute können Sie damit recht flexible Mehrspaltenlayouts erstellen. Im Film sehen Sie neben der Erstellung eines Zweispalters die Erstellung eines Dreispaltenlayouts. Außerdem kümmern wir uns darum, wie man dem Problem mit den gleichlangen Spalten beikommt.Der Vortrag „Layouts mit float erstellen“ von Dr. Florence Maurice ist Bestandteil des Kurses „HTML- und CSS-Tutorial für Einsteiger*innen“. Der Vortrag ist dabei in folgende Kapitel unterteilt:
- Layouts mit float
Quiz zum Vortrag
Welche der folgenden Aussagen zum Thema gleichlange Spalten ist nicht korrekt?
- Bei Mehrspaltenlayouts sind alle Bereiche immer automatisch gleich hoch.
- Bereiche werden normalerweise nur so hoch, wie es ihr Inhalt erforderlich macht.
- Gleichlange Spalten kann man über Hintergrundbilder simulieren.
- Bei flexiblen Layouts hängt die Höhe von den Inhalten ab und man sollte sie nicht mit CSS definieren.
Mit welchem Element können Sie das Layout zentrieren?
- margin: auto
- clear: none
- float: none
- float: auto
Um ein Layout mit 3 Spalten zu erzeugen,...
- ...muss die rechte Spalte floating: right als Element enthalten.
- ...muss der Inhalt floating: right als Element enthalten.
- ...muss die linke Spalte floating: right als Element enthalten.
- ...muss die Kopf- und Fußzeile floating: right als Element enthalten.
Diese Kurse könnten Sie interessieren
Dozent des Vortrages Layouts mit float erstellen
Dr. Florence Maurice
Dr. Florence Maurice ist Trainerin, Autorin und Programmiererin in München. Sie unterrichtet an verschiedenen Bildungsinstituten, gibt Inhouse-Schulungen und programmiert Webseiten. Ihr Themenspektrum reicht dabei von HTML über CSS und JavaScript bis hin zur serverseitigen Programmierung mit PHP. Dazu hat sie auch eine Reihe von Fachbüchern verfasst und publiziert regelmäßig Artikel. Weitere Informationen zu Florence Maurice finden Sie auf ihrer Homepage www.maurice-web.de.Kundenrezensionen
5,0 von 5 Sternen
| 5 Sterne |
|
5 |
| 4 Sterne |
|
0 |
| 3 Sterne |
|
0 |
| 2 Sterne |
|
0 |
| 1 Stern |
|
0 |
