html code (xhtml actually):
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>phpMP Project :: Home</title>
<link rel="stylesheet" type="text/css" href="phpmp.css" />
</head>
<body>
<div class="borderleft">
<div class="catitle">News</div>
<div class="subcat">Project News - 3/2/04</div>
<span class="catxt">Our project goals, name, development team, and even site are currently under construction. More updates are to be posted soon, if you would like more information on the current direction of the project, please click the link to the forums.</span><br />
<div class="subcat">Website News - 3/2/04</div>
<span class="catxt">This website will be redesigned and uploaded once all of the teams and goals are set. We are currently brainstorming the features list and other things that will be developed, so see the forums!</span>
</div><br />
<div class="bordermiddle">
<div class="catitle">Welcome to phpMP Project's Website</div>
<div class="subcat">What's phpMP?</div>
<span class="catxt">phpMP is a project run by Heimidal and Draegonis that will be an interface for syndicating news, articles, and any other content in a user-friendly but still very powerful and flexible system. Build your own newsfeed to be displayed on other sites, manage your website content in one easy to use administration panel. And by using this system, your site can either change templates, or use multiple templates as easy as inserting a few lines of code.</span>
<div class="subcat">Development Team</div>
<span class="catxt">The current team consists of Heimidal, Draegonis, and American Psycho, but we are looking for one possibly two more coders or css/xhtml adequate developers. To get more information on the team, please visit the forums.</span>
</div>
</body>
</html>
'
CSS code:
.borderleft
{
border-style: solid;
border-color: #000000;
border-width: 1px;
text-align: center;
width: 25%;
}
.bordermiddle
{
border-style: solid;
border-color: #000000;
border-width: 1px;
width: 50%;
}
.catitle
{
font-size: 20px;
background-color: #666666;
font-color: #000000;
text-align: center;
padding-top: 4px;
padding-left: 2px;
padding-right: 2px;
width: 100%;
}
.subcat
{
font-size: 16px;
background-color: #999999;
font-color: #000000;
font-style: italic;
text-align: center;
padding: 2px;
width: 100%;
}
.catxt
{
font-size: 12px;
font-color: #000000;
text-align: center;
width: 100%;
}
'
site link: http://www.geocities.com/psycosnowboy/ (this isn't spam, i just use this site for testing so there's really nothing on it)
what i want: to make the bottom box go to the right of the top box without using tables
disaster-master posted this at 07:25 — 4th March 2004.
She has: 2,152 posts
Joined: May 2001
I was going to suggest that you try a layout from here rather than fight with the one you had but it looks like you just got it fixed as I was trying to deciper everything.
I have never used those layouts from the Layout-O-Matic but they look pretty clean.
Sonia
"Life is not a journey to the grave with the intention of arriving safely in a pretty and well preserved body, but rather to skid in broadside, thoroughly used up, totally worn out, and loudly proclaiming -- WOW--What a Ride!!!"
American Psycho posted this at 10:31 — 4th March 2004.
He has: 43 posts
Joined: Feb 2004
I actually found a basic "logo and three column" layout that I'm going to revamp