March 8th, 2008 
Creating a web site with divs and CSS help?
I need to create a web site with the use of CSS and XHTML. I have created my Web site in photoshop already, but I am confused as to how I should import my Web page from Photoshop to Dreamweaver so I can begin coding my site in CSS. Should I slice each section of the Web site up together, or individually?
I also need to create rollovers with CSS, but I am confused on that, too. I am trying to find out where the images I slice up go in my document, if they go inside my .css external code, or the main page.
Here's my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="body.css" rel="stylesheet" type="text/css" media="all" />
<link href="nav.css" rel="stylesheet" type="text/css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="container">
<!--top head-->
<div id="header">
</div>
<!--welcome notice-->
<div id="home_left">
<div id="welcome">
<p>The Tree Branch was founded in 2008. As a small buisness company, we are proud to offer our customers heigh quality products and crafted from the finest
materials around. Our products are different from other bird feeders and homes you may find online, because we build with the envioment in mind. Our feeders
and yeard decorations are not only safe for our little friends, but for you and I, too.</p>
</div>
<!--end-->
<!--beginning of main navigation-->
<div id="navigation">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="vision.html">The Vision</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<!--end of navigation-->
<!--supporting text (shopping area content begins)-->
<div id="supporting_text">
<h4><span>Best Sellers</span></h4>
<table width="948" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="141"> </td>
<td width="807">Product Discription here</td>
</tr>
<tr>
<td> </td>
<td><div align="right"><a href="shop.html">Browse Gallery</a></div></td>
</tr>
</table>
</div>
<!--end of supporting text-->
<!--right content-->
<div id="home_right">
<h2>Testomonials</h2>
</div>
</div>
<!--end of right box-->
</div>
</body>
</html>
Last edited by Kristin, March 8th, 2008 07:02 PM (Edited 1 times)
