Web Presen1 0611

1,421 views
1,364 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,421
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide


































  • Web Presen1 0611

    1. 1. <?xml version=quot;1.0quot; encoding=quot;utf-8quot;?> <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Strict//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot;> <head> <title></title> <meta http-equiv=quot;content-typequot; content=quot;text/html;charset=utf-8quot; /> <meta http-equiv=quot;Content-Style-Typequot; content=quot;text/cssquot; /> <link rel=quot;stylesheetquot; type=quot;text/cssquot; href=quot;css/default.cssquot; /> </head> <body> <div id=quot;headerquot;> <p> </p> </div> <div id=quot;sidebarquot;> <p> </p> </div> <div id=quot;contentquot;> <p> </p> </div> <div id=quot;footerquot;> <p> </p> </div> </body> </html>
    2. 2. Header Content Sidebar Footer
    3. 3. ....( ).... <body> <div id=quot;headerquot;> <p> </p> </div> <div id=quot;sidebarquot;> <p> </p> </div> <div id=quot;contentquot;> <p> </p> </div> <div id=quot;footerquot;> <p> </p> </div> </body> ....( )....
    4. 4. #header { padding: 20px; background: #ccc; } #footer { padding: 20px; background: #ccc; }
    5. 5. #header { padding: 20px; background: #ccc; } #sidebar { float: right; width: 30%; background: #999; } #footer { padding: 20px; background: #ccc; }
    6. 6. #header { padding: 20px; background: #ccc; } #sidebar { float: right; width: 30%; background: #999; } #content{ margin-right: 32%; } #footer { padding: 20px; background: #ccc; }
    7. 7. ....( ).... <body> <div id=quot;headerquot;> <p> </p> </div> <div id=quot;contentquot;> <p> </p> </div> <div id=quot;sidebarquot;> <p> </p> </div> <div id=quot;footerquot;> <p> </p> </div> </body> ....( )....
    8. 8. #header { padding: 20px; background: #ccc; } #content{ float: left; width: 68%; } #sidebar { float: right; width: 30%; background: #999; } #footer { clear: both; padding: 20px; background: #ccc; }
    9. 9. body { margin:0; } #header { padding: 20px; background: #ccc; } #content{ float: left; width: 68%; } #sidebar { float: right; width: 30%; background: #999; } #footer { clear: both; padding: 20px; background: #ccc; }
    10. 10. body { } margin:0; background: #fff; #footer { } clear: both; padding: 3%; #header { background: #ccc; padding: 3%; } background: #ccc; } #content{ float: left; width: 65%; padding-left: 3%; background: #fff; } #sidebar { float: right; width: 30%; background: #999;
    11. 11. body { margin-left: 30px; margin: 0; } padding: 0; } #footer { padding: 30px; #sidebar { background: #ccc; position: absolute; } top: 100px; right: 0; width: 30%; background: #999; } #header { padding: 30px; height: 40px; background: #ccc; } #content{ margin-right: 32%;

    ×