So ändern Absolute positioniert (AP) Divs in Adobe Dreamweaver CS6

Jeder Absolute positioniert (AP) Div Sie in Adobe Dreamweaver CS6 ziehen wird automatisch in der AP-Elemente-Panel (wählen Sie Window-AP-Elemente, um sie anzuzeigen) aufgeführt. Die AP-Elemente-Panel kann Ihnen helfen, wählen Sie, verstecken und zeigen keine AP-Div-Tags auf der Seite. Dieses Panel ist praktisch, wenn Sie viele AP-Div-Tags auf der Seite haben und wollen unter ihnen genau zu navigieren.

Vor allem, weil Sie die Eigenschaften für jeden AP Div von der entsprechenden ID-Stil ändern können, das Panel hilft Ihnen herauszufinden, welche ID-Stil zu einem AP-Div gehört.

Die AP-Elemente-Panel wird oft mit dem Bedienfeld CSS-Stile gruppiert, nur für den Fall, dass Sie für sie suchen.

Um eine Box (AP Div) zu ändern, gehen Sie folgendermaßen vor:

1. Wählen Sie Fenster-AP-Elemente, die AP-Elemente-Panel zu öffnen.

2. Im Panel, suchen und wählen Sie apDiv1 es auf der Seite zu markieren.

   Der Eigenschafteninspektor zeigt seine Größe und Position neben anderen Eigenschaften.

3. Unter Verwendung der Textfelder im Eigenschafteninspektor, ändern Sie die Feldbreite durch eine Zahl in das W Feld eingeben und die Kastenhöhe ändern, indem Sie eine Zahl in das H-Feld eingeben.

4. Klicken Sie auf das Farbfeld neben Bg Farbe und wählen Sie eine Farbe aus dem Popup-Bedienfeld Farbfelder eine Hintergrundfarbe für die Box zu setzen.

   Weitere Eigenschaften, wie Grenz- oder Polsterung, fügen Sie sie im Bedienfeld CSS-Stile.

5. Wenn das Bedienfeld CSS-Stile nicht bereits sichtbar ist, öffnen Sie es Window-CSS-Stile durch die Wahl.

6. Doppelklicken Sie auf den # ApDiv1 ID Stil, der die Box steuert.

   Die CSS-Regel-Definition Dialogfeld erscheint.

   

7. Wählen Sie die Border-Kategorie aus der linken Seite der Grenze ändern.

8. In der Spalte Stil, verwenden Sie die Top-Dropdown-Liste einen Rahmenstil (wie Solid) an allen vier Seiten zu setzen.

   Verwenden Sie die Top-Dropdown-Liste unter der Breite Kategorie eine Grenzdicke zu wählen (zum Beispiel Medium) für alle vier Seiten. Verwenden Sie die oberste Farbwähler unter der Spalte Farbe eine Rahmenfarbe auf allen vier Seiten zuzuordnen.

   Um andere Werte auf einen oder alle Seiten für Stil, Breite oder Farbe zuweisen möchten, deaktivieren Sie das gleiche für alle Kontrollkästchen unter den jeweiligen Spalten.

9. In der Box Kategorie auf der linken Seite, unter Padding, stellen Sie die Polsterung für alle vier Seiten der Box auf die Dicke Sie wollen (zum Beispiel, geben Sie 5 px in die Textfelder).

10. Klicken Sie auf OK, um das Panel zu verlassen und die Änderungen zu übernehmen.

    Sie sehen, wie die CSS-Eigenschaften, die Sie die Anwendung beeinflussen apDiv1 Box auf der Seite.

Um eine Box zu verstecken gezeigt unter dem AP-Elemente-Panel, klicken Sie auf die Spalte links von seinem Namen (unter dem Augensymbol), bis eine geschlossene Augensymbol erscheint. Um die Box wieder erscheinen zu machen, klicken Sie auf das Augensymbol, bis das Feld wieder öffnet.

Sie können die Überlappungen verhindern bemerken Kontrollkästchen, die standardmäßig deaktiviert ist, an der Spitze der AP-Elemente-Panel. Da AP Divs leicht überlappen können, überschreibt dieses Kontrollkästchen aktivieren, indem dieses Verhalten zwingen Boxen nebeneinander und die Schaffung von neuen Boxen auf der jeweils anderen zu verhindern.