Containers??

geezawolf · #1 (**permalink**) Jun 29th, 2007, 10:30

Hi

I'm just trying to get my head round css and am struggling somewhat. I want to do soemthing that I would have thought would be quite easy but can't seem to find out how to do it. I want something like the image I've attached at the top of each of my pages. Can anyone chuck some code at me and tell me where to put stuff etc? Cheeky I know but that's how I'll learn. Would be really grateful.

Lchad · #2 (**permalink**) Jun 29th, 2007, 12:44

Here is a barebones version but it should get you started.
CSS- I have placed it in between the <head></head> as you will see.
In a perfect world it should go in an external stylesheet but since you sound quite new at this.. leave it like this for now.

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style>
#wrapper {
    width: 780px;
    margin: 0 auto;
    }
#logo {
    width: 475px;
    float: left;
    height: 175px;
    }
.links {
    width: 150px;
    height: 175px;
    float: left;
    }    
    
ul {
    list-style: none;
    }
li {
    not styled yet
    }        
</style>
</head>

html this just follows:

Code: Select all

<body>

<div id="wrapper">
<div id="logo">Logo can go here</div>
<div class="links">
 <ul>
     <li><a href="#">Link</a></li>
     <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
 </ul>
</div>
<div class="links">
    <ul>
     <li><a href="#">Link</a></li>
     <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
 </ul>
</div>
</div>
</body>
</html>

Hope that helped!

geezawolf · #3 (**permalink**) Jun 29th, 2007, 13:02

Thank you. Really appreciate you taking the time to do that.

STAR

Lchad · #4 (**permalink**) Jun 29th, 2007, 13:05

You are welcome!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Curved Containers	JamieH	Web Page Design	7	Mar 9th, 2006 15:39

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Containers??