E-Book Startseite Karteikarten-Programm
0
Inhalt dieser Seite
  1. Ausrichtung

Ausrichtung

Es gibt zwei Arten von der Ausrichtung: Die Objekt-Ausrichtung und die Text-Ausrichtung. Die Text-Ausrichtung kennen Sie teilweise schon von HTML. Statt dem Ausrichtungs-Attribut verwenden Sie die Ausrichtung-Eigenschaft. Diese lautet "text-align", wie schon im Thema "Schrift und Text" erwähnt. Für die Objektausrichtung verwenden Sie die Eigenschaft "float". In dieser Eigenschaft können Sie die Werte "left" (links), "right" (rechts) oder "center" (zentriert) notieren. Hier ein Beispiel:

<div style="border: red solid 3px; width: 200px; text-align: left; float:right">Hier steht ein Text!</div>
Anzeigebeispiel
Anzeigebeispiel


Eine weitere Art der "Ausrichtung" ist die genaue Bestimmung des Standortes eines Objekts. Mit den folgenden vier CSS-Befehlen, können Sie angeben wo sich die Objekte befinden sollen (z. B. 10px vom linken Rand entfernt): top (Abstand nach oben), bottom (Abstand nach unten), left (Abstand nach links) und right (Abstand nach rechts). Für die Werte verwenden Sie nummerische Angaben. Des Weiteren müssen Sie die Eigenschaft position (Positionierung) mit dem Wert absolute (Absolute Positionierung) notieren. Es ist auch möglich Kinderelemente absoult zu dem Elternelemente zu platzieren. Ist dies der Fall so muss das Elternelement bei der position-Eigenschaft den Wert relative aufweißen.

#box {
    background-color: #00FF00;
    position: absolute;
    top: 100px;
    right: 300px;
}
Anzeigebeispiel
Anzeigebeispiel



Design:
 


Logo
Benjamin Jung
Krummstr. 9/3
73054 Eislingen

E-Mail: info@homepage-webhilfe.de
Webseite: www.homepage-webhilfe.de