XHTML Help

American Psycho posted this at 03:37 — 4th March 2004.

Joined: Feb 2004

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,154 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.

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