...

View Full Version : Colums aligned



Pirate Mike
10-31-2008, 07:08 PM
hey all,

This is gonna be a really newbie question but on my site, the columns wont sit next to each other.. Can anyone tell me how to change this??

css:
#background {
background:url(background.png)
}
#header {
float: center;
border-width:thin;
border-color:#000000;
border-style:solid;
width:942px;
margin: 3px;
}
#nav {
background: #ffffff;
width:200px;
border-width:thin;
border-color:#000000;
border-style:solid;
margin: 3px;

}
#wrapper {
background: #990066;
border-width:thin;
border-color:#000000;
border-style:solid;
width:949px;
margin: 0 auto;
}
#center {
background: #990066;
border-width:thin;
border-color:#000000;
border-style:solid;
margin:0 auto;
width:50px;
}
#upcoming {
background: #ffffff;
width: 200px;
border-width:thin;
border-color:#000000;
border-style: solid;
margin: 3px;
float:right;
}


}

html:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="menu.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body id="background">
<div id="wrapper">
<div id="header" align="center">
<img src="banner.png" alt="Banner" align="middle" />
</div>
<div id="nav">
<ul class="menu">
<li><a href="#" class="active"><span>link1</span></a></li>
<li><a href="#"><span>link2</span></a></li>
<li><a href="#"><span>link3</span></a></li>
<li><a href="#"><span>link4</span></a></li>
<li><a href="#"><span>link5</span></a></li>
<li><a href="#"><span>link6</span></a></li>
<li><a href="#"><span>link7</span></a></li>
</ul>
</div>
<div id="center">
hello
</div>
<div id="upcoming">
<ul>
<li> Comming up
<li><b>Today</b> yes</li>
<li><b>where</b> now</li>
</li>

</div>
</div>


</body>

</html>


Here is a links to the test site.. Click (http://www.phoenixarcheresu.co.uk/new/index.asp)

Thanks,
Mike

twodayslate
10-31-2008, 08:57 PM
http://bonrouge.com/3c-hf-fluid-lc.php



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum