Hvordan Sentrer websider horisontalt i Dreamweaver CS4

August 21

Sentre en webside i Dreamweaver innebærer å bruke en container div å inneholde side, som har en fast bredde tildelt. Ved å sette like venstre og høyre marg, oppretter du en lik gapet på hver side av beholderen div, som sentrerer siden. Som du ikke vet bredden på den besøkendes nettleser, kan du ikke sette en fast verdi for venstre og høyre marg, som de nødvendige endringene bredde avhengig av bredden av nettleseren. Bruk Dreamweaver CS4 CSS auto-margin eiendom for å automatisk lage de riktige marginer og sentrere siden.

Bruksanvisning

1 Start Dreamweaver CS4 og åpne en ny HTML-side.

2 Klikk "Sett inn" fra hovedmenyen øverst på skjermen, og klikk deretter på "Layout Objects" og "Div Tag." Dette gjør det mulig å sette inn en HTML div som inneholder hovedinnholdet for siden. Type "side" for ID i dialogboksen som vises.

3 Klikk på "New CSS Rule" knappen under ID-feltet i dialogboksen. Velgeren "#page" legges inn automatisk for deg. Klikk på "OK" -knappen øverst til høyre i dialogboksen for å begynne å skrive CSS egenskaper for å sentrere siden.

4 Klikk på "Box" i "kategori" menyen på venstre side av CSS egenskaper boksen. Dette gjør at du kan endre størrelsen og marginer for "side" div. Skriv "960" inn i "Bredde" og kontroller at "px" er valgt fra enheter rullegardinmenyen. Dette angir bredden av siden til 960 piksler.

5 Fjern merkingen i "Samme for alle" boksen i "Margin", velg deretter "auto" fra rullegardinmenyene for venstre og høyre marg. Innstilling av venstre og høyre marg til "auto" gir en lik avstand for venstre og høyre marg, som beregnes av nettleseren for å sikre at siden er sentrert. Klikk på "OK" -knappen for å legge stilene til siden.

6 Klikk "OK" for å lukke "Insert Div tag" i dialogboksen og legge til div til siden. Bytt til "Design" visning i Dreamweaver for å se at siden blir automatisk sentrert og klar for deg å legge til innhold på innsiden av "side" div.

Hint

Når du er fornøyd med den nye siden, slå den inn i en mal for å bruke som en base for fremtidige sider.