Saturday, July 11, 2009

ANYoNE GOOD AT HTML OR WEB-DESIGN (Dreamweaver)?????

i%26#039;m trying to make a website for a school project, and there are a couple of things i need help with.



Notice how the content of this page stays within a rectangle in the middle of the page. the content is always contained in the horizontal constraints of the rectangle, and the scrolling bar at the bottom doesn%26#039;t appear when the margins are reduced at the sides as one changes the window-dimensions in the web browser.... I%26#039;m looking to do something similar, so the following questions will need answering:



how do you enclose the content of a page within a %26quot;rectangle%26quot;? (is it a div tag or what?)



how do you limit the dimensions of the rectangle?



how do you center the whole rectangle within the browser page?



ANYoNE GOOD AT HTML OR WEB-DESIGN (Dreamweaver)?????





you center the content of the page by giving the container a width and setting its left and right margins to auto. This container can be a div, but if you want the whole page to be %26quot;within a rectangle%26quot; then you can give the body a width in CSS.



You CSS should look something like this:



body



{



width: 600px;



margin: 0px auto;



}



The above would give your document body (rectangle) a width of 600 pixels, and center it in the page.



ANYoNE GOOD AT HTML OR WEB-DESIGN (Dreamweaver)?????



yes, the rectangle is a div tag and you can add position properties to this tags as well -such as centering-, you will be using here what is called CSS, and in Dreamweaver now it is very easy to design using CSS without any coding.



UseCSS styles and click on the property manager, if you know some html coding you will understand how it works



good luck

No comments:

Post a Comment