Relativ positionierte DIV Creation in Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver unterstützt die Erstellung und Bearbeitung von DIVs, die verwenden relative Positionierung. Relativ positioniert DIVs erlauben ein Element zusammen mit Inhalt verschoben werden sie umgibt, für ein flüssiges Layout zu machen. Diese Art der Positionierung ist wichtig für verschachtelte Inhalte oder jede Situation, in der Elemente im Einklang mit anderen Seiteninhalt herunterfallen sollte.

Verwenden Sie das Div-Tag einfügen Werkzeug, das innerhalb des Einsatzes Panels Common und Layout-Kategorien für die Erstellung oder Bearbeitung einer relativ positionierten DIV gefunden werden kann.

1. Klicken Sie innerhalb Ihrer Seite, um den Cursor innerhalb eines vorhandenen AP-Div zu positionieren und dann auf den Div-Tag einfügen Werkzeug im Rahmen der gemeinsamen und Layout Kategorien der Einsatzplatte.

2. Wenn der Div-Tag einfügen Dialogfeld angezeigt wird, die Feinabstimmung für die Position der neuen DIV durch einen Standort aus der Insert Dropdown-lis auswählen.

   Wählen Sie zum Beispiel nach dem Start der Tag es auf Ihrer Seite innerhalb eines bestehenden DIV-Tag zu legen.

   Sie können auch die Insert-Div Dropdown-Liste Tag-Dialogfeld verwenden, bevor Sie das DIV zu setzen, nach oder innerhalb vorhandenen Elemente auf der Seite. Lassen Sie das Einfügen der Dropdown-Liste auf An Einfügemarke die Box zu verlassen, wo Sie ihn gezeichnet haben oder wählen Sie einen anderen Ort, an dem Sie die DIV erstellt werden soll.

   
   Wählen Sie einen bestimmten Ort zu erstellen und legen Sie die neue DIV.

1. Wenn Sie eine vorhandene Klassenauswahl haben Sie anwenden möchten, wählen Sie sie aus der Klasse Dropdown-List- sonst lassen Sie es leer.

2. eine ID-Wahlschalter auf die DIV Weisen sein Aussehen zu steuern, indem Sie aus dem ID-Drop-Down-Liste auswählen.

   Wenn man nicht verfügbar ist, geben Sie einen neuen Namen ein und klicken Sie auf die Schaltfläche Neue CSS-Regel zu erstellen.

3. Wenn das Neue CSS-Regel Dialogfeld angezeigt wird, stellen Sie sicher, dass Ihre neue Wähler auf ID eingestellt ist und dass der Name ein Pfund Zeichen (#) vor ihm. Klicken Sie auf OK.

4. Wenn die CSS-Regel-Definition Dialogfeld angezeigt wird, klicken Sie auf und wählen Sie Positionierung in der Kategorieliste auf der linken Seite Eigenschaften CSS-Positionierung anzuzeigen.

5. Im Positionsbereich, wählen Sie Relative aus dem Positions-Menü, eine Breite und Höhe Wert in der Breite und Höhe Textfelder eingeben und dann auf OK klicken.

6. Klicken Sie auf OK, um das Div-Tag einfügen Dialogfeld zu schließen.

   Eine neue, relativ positionierte DIV erscheint mit Platzhalter-Text.

   
   Sie können ein neues DIV in einem anderen DIV erstellen.