Hvordan lage nettstedet senter med div koder i Dreamweaver

February 10

Dreamweaver er et kraftig verktøy for både erfarne og uerfarne web-designere. En vanlig designproblem at Dreamweaver ikke ta med sine innebygde verktøy er muligheten til å sentrere en DIV container på en side. Ved hjelp av en rekke inline styling elementer, kan du kontrollere en DIV beholder bredde og posisjon på en side. Følgende er en trinnvis prosess for å legge den aktuelle CSS til en DIV container for å sentrere en nettside ved hjelp av Dreamweaver.

Bruksanvisning

1 Finn DIV beholder som inneholder alt innholdet på websiden din. Opprett en ny DIV container hvis man ikke allerede eksisterer.

2 Legg en style = "" tag til DIV container for å holde din nye stylingelementer:

3 Legg et sett bredde til DIV beholder innsiden av stil kode. Tilordne en verdi tilstrekkelig nok til å holde hele innholdet på nettsiden. Sett din verdi i enten prosenter eller i piksler:

4 Angi DIV beholder sin høyre og venstre marg til "auto":

5 Lag en avsluttende </ div> tag på slutten av nettsidens innhold, hvis du skulle lage en ny DIV container fra bunnen av.

Hint

Den automatiske margin styling fungerer bare med DIV beholdere som har et sett bredde.
Hvis du bruker et eget stilark, kan du legge disse stylingelementer der i stedet for å plassere dem inline på websiden din.
Pass på å sjekke nettsiden utseende i flere nettlesere, inkludert Internet Explorer, Firefox og Safari.
Ikke bruk <center> tag eller text-align styling element for å prøve å sentrere en nettside.