PDA

View Full Version : Css2


intensity22
10-19-2007, 06:28 PM
can any one give me some advice to make a web2.0 designs? and how to use DIV,, because i always use tables for designing

Atomico™
10-19-2007, 08:50 PM
Heres a tutorial for a web 2.0 style logo
http://www.youtube.com/watch?v=-pOkaC4eHsE

And the Divs, is really easy..

You basically have a wrapper div that encapsulates the other divs, then you have a header div, a main content div, and a footer div (thats as bare bones as it gets,)

Heres a sample html..

<html>
<head>
<title>Basic Css</title>

<style type="text/css">
<!--
body {
background-color: #ffffff;
}
.wrapper {
width:800px;
height:900px;
background-color:#ffffff;
}
.header {
height:100px;
width:100%;
background-color:#FFFF00;
}
.maincontent {
height:700px;
width:100%;
background-color:#FF0000;
}
.footer {
height:100px;
width:100%;
background-color:#0000FF;
}
-->
</style>
</head>

<body>

<div class="wrapper">
<div class="header">your header content here</div>
<div class="maincontent">your main info /whatever here</div>
<div class="footer">footer info here</div>
</div>

</body>
</html>

You have to put in your own sizes etc...

and the wrapper is usually:
.wrapper {
width:800px;
height:900px;
background-color:#ffffff;
margin:auto;
}

margin:auto will center everything.