Relativ positioneret DIV-opbygning i Adobe CS5 Dreamweaver-dummies

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver understøtter oprettelse og redigering af DIV'er, der bruger relativ positionering . Relativt placerede DIV'er gør det muligt at flytte et element sammen med det indhold, der omgiver det, hvilket giver et mere flydende layout. Denne type positionering er vigtig for indlejret indhold eller enhver situation, hvor elementer skal falde i tråd med andet sideindhold.

Brug Indsæt Div Tag-værktøjet, som findes i Indsæt-panelets Fælles og Layout-kategorier for oprettelse eller redigering af en relativt positioneret DIV.

1. Klik på din side for at placere markøren inden for en eksisterende AP Div, og klik derefter på Indsæt div Tag-værktøjet under Indsæt-panelets Fælles og Layout-kategorier.

2. Når dialogboksen Indsæt div-mærke vises, skal du finjustere placeringen af ​​din nye DIV ved at vælge en placering fra rullelisten Indsæt drop-down.

   Vælg efter eksempel Start af tag for at placere det inden for et eksisterende DIV-tag på din side.

   Du kan også bruge dialogboksen Indsæt div Tag-dialogboksen til at placere DIV før, efter eller inde i eksisterende elementer på siden. Forlad rullegardinlisten Indsæt sat til På Indsætningssted for at forlade kassen, hvor du tegnede den, eller vælg et andet sted, hvor du vil have DIV oprettet.

   

   Vælg et bestemt sted for at oprette og placere den nye DIV.

1. Hvis du har en eksisterende klassevælger, du vil anvende, skal du vælge den fra rullelisten Klasse; Ellers, lad det være tomt.

2. Tildel ID-vælger til DIV for at styre udseendet ved at vælge fra rullelisten ID.

   Hvis en ikke er tilgængelig, indtast et nyt navn og klik på knappen Ny CSS Rule for at oprette en.

3. Når dialogboksen Ny CSS-regel vises, skal du være sikker på, at din nye vælger er indstillet til ID, og ​​at navnet har et pundskilt (#) foran det. Klik på OK.

4. Når dialogboksen CSS-regelsæt vises, skal du klikke og vælge Positionering fra kategoristilen til venstre for at få vist CSS-positioneringsegenskaber.

5. Vælg Relativ fra positioneringsmenuen i positioneringsområdet, indtast en bredde- og højdeværdi i tekstfelterne Bredde og Højde, og klik derefter på OK.

6. Klik på OK for at lukke dialogboksen Indsæt div Tag.

   En ny, relativt positioneret DIV vises med pladsholdertekst.

   

   Du kan oprette en ny DIV inden for en anden DIV.