cm143 web n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
CM143 Web PowerPoint Presentation
Download Presentation
CM143 Web

Loading in 2 Seconds...

play fullscreen
1 / 16

CM143 Web - PowerPoint PPT Presentation


  • 109 Views
  • Uploaded on

CM143 Web. Week 5 CSS DIV Layouts. <div>. A div(ision) is a section of a page which is treated and styled as a unit E.g. The header, the navigation bar, the footer <div> tags can be used to break up the page into sections which can then be styled and positioned

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'CM143 Web' - diane


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
cm143 web

CM143 Web

Week 5

CSS DIV Layouts

slide2
<div>
  • A div(ision) is a section of a page which is treated and styled as a unit
      • E.g. The header, the navigation bar, the footer
  • <div> tags can be used to break up the page into sections which can then be styled and positioned
  • <div> positioning for layout is the basis of modern web design
positioning an element
Positioning an element
  • Page elements, such as a <div>, can be positioned in several ways:
      • Absolute – a fixed distance from the top left corner of the browser window
      • Relative – a fixed distance from where it would normally appear
  • Neither of these methods are recommended for a full page layout as they lack flexibility – however they may be useful in specific circumstances
container positioning
Container Positioning
  • Most good web layout uses divs positioned with regard to one another inside a container, using the following css properties
    • Margin
    • Padding
    • Float
    • Clear

Let’s look at these individually...