logo-dw

Go Back   Dreamweaver Club Forums > Graphic Design > Web Design
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 10-19-2007, 07:28 PM   #1
intensity22
 
Join Date: Apr 2007
Location: Philippines
Posts: 3
Default Css2

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
intensity22 is offline   Reply With Quote
Old 10-19-2007, 09:50 PM   #2
Atomico™
Atomico™'s Avatar
 
Join Date: Oct 2007
Location: Phoenix
Posts: 48
Default About Divs

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..
Code:
<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.
__________________
My posts are best viewed with Firefox Web Browser...

Last edited by Atomico™; 10-19-2007 at 09:51 PM.. Reason: Misspelling
Atomico™ is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:33 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com