Hoe maak je Website Center met div-Tags in Dreamweaver

Hoe maak je Website Center met div-Tags in Dreamweaver


Dreamweaver is een krachtig hulpmiddel voor zowel ervaren en onervaren webdesigners. Een gemeenschappelijk ontwerp kwestie die Dreamweaver niet met zijn ingesloten tools verhelpt is de mogelijkheid om een container div-element op een pagina centreren. Met behulp van een reeks van inline styling elementen, kunt u de breedte van de container van een div-element en de positie op een pagina. Het volgende is een stap voor stap proces om het toevoegen van de juiste CSS naar een DIV container om te midden van een website met behulp van Dreamweaver.

Instructies

1

Zoek de DIV container waarin alle van de inhoud van uw webpagina. Maak een nieuwe DIV container als een nog niet bestaat.

2

Een opmaakprofiel toevoegen = "" tag voor de DIV container te houden van uw nieuwe styling elementen:

< div stijl = "" >

3

Een vast ingestelde breedte toevoegen aan de container DIV binnenin de tag style. Een waarde die voldoende zijn om te houden van de volledige inhoud van de webpagina toewijzen. Stel uw waarde in beide percentages of in pixels:

< div style = "width: 25px;" >

4

Instellen van uw container-div-rechter- en linkermarge op "auto":

< div style = "width: 25px; margin-right: automobiel; margin-left: Automobiel; " >

5

Maken van een afsluitende < / div > tag aan het einde van de inhoud van de pagina van het web als u waren het maken van een nieuwe container DIV vanaf nul.

Tips & waarschuwingen

  • De styling van de marge auto werkt alleen met DIV-containers die een vast ingestelde breedte hebben.
  • Als u een aparte CSS stylesheet gebruikt, kunt u deze styling elementen er in plaats van hen inline te plaatsen op uw webpagina toevoegen.
  • Zorg om uw webpagina's verschijning in verschillende webbrowsers, waaronder Internet Explorer, Firefox en Safari.
  • Gebruik van de tag < center > of uitlijning styling element om te proberen te midden van een webpagina niet.