[RESOLVED] Create two divs in content area and assign each a category

griever

I made two categories, one for me and one for my friend so we can each post into our own column and compare our stuff side-by-side.

hippievstony.com

I'm using the index.php from Kubrick. I keep getting this error:

Parse error: syntax error, unexpected T_ELSE in /home1/hippievs/public_html/wp-content/themes/default/index.php on line 60

Here is my main index:

<?php
/**
@package WordPress
@subpackage Default_Theme
*/

get_header(); ?>

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
<h2>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></h2>
<small><?php the_time('F jS, Y') ?> </small>

<p class="postmetadata"><?php the_tags('Tags: ', ', ', '
'); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?> <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
</div>

<?php endwhile; ?>

/inserted new stuff here
/

<div id="left">
<?php $my_query = new WP_Query('category_name=tony&showposts=3');
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID;?>
<?php endwhile; ?>
</div>

<div id="right">
<?php $my_query = new WP_Query('category_name=hippie&showposts=3');
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID;?>
<?php endwhile; endif; ?>
</div>

/end of insertion/

<?php else : ?>

<h2 class="center">Not Found</h2>
<p class="center">Sorry, but you are looking for something that isn't here.</p>
<?php get_search_form(); ?>

<?php endif; ?>

</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

//////////////
/////////////
//////////////
////////////
////////////

Can anyone help me find the error? Obviously I still don't understand the code I pasted together, I just copied it from the wordpress sire and tried to modify it. Thanks a lot!

tony

rincewind456

On line 54 you have this

<?php else : ?>

but there is no if before it.

If you remove that you will then get an error for line 59

<?php endif; ?>

this is the endif for the missing if.

griever

shoot so I should delete line 54 and 59? i tried that and the page loads up but it's not doing anything except displaying a "not found" at the bottom of the page....

johanafm

Well in that case, have you tried to remove endif from this line instead?

<?php endwhile; endif; ?>

griever

thanks johan, that removed the "not found" bit at the bottom, now it's just looking like it did before. I added a bit of css to my stylesheet to reference the left and right divs:

#left,#right {
width:50%;
float:left;
}

i thought this would divide my posts into two columns, but they are appearing same as before. I know this isn't a wordpress site, but if you have any ideas I'd really appreciate it, cause I'm not getting any help over there...thanks a lot

johanafm

The width is just the "content area" of the element. The total space it takes is width + padding + margin + border, meaning that if either padding, margin or border is > 0, the divs won't fit side to side in your case.

griever

i went through my css file and tried to figure out what parts were related to the width available for the posts, but it still isn't outputting into columns, just one above the other as usual. I tried zeroing out the margins and padding for most of this stuff. Here is the section in my css file labeled for structure:

/ Begin Structure /

#left {
width: 100px;
float: left;
clear: none;
}
#right {
width: 100px;
float: right;
clear: none;
}

body {
margin: 0 0 20px 0;
padding: 0;
}

#page {
background-color: white;
margin: 20px auto;
padding: 0;
width: 760px;
border: 1px solid #959596;
}

#header {
background-color: #73a0c5;
margin: 0 0 0 1px;
padding: 0;
height: 200px;
width: 758px;
}

#headerimg {
margin: 0;
height: 200px;
width: 100%;
}

.narrowcolumn {
float: left;
padding: 0 0 0px 0px;
margin: 0px 0 0;
width: 450px;
}

.widecolumn {
padding: 0px 0 0px 0;
margin: 0px 0 0 0px;
width: 450px;
}

.post {
margin: 0 0 0px;
text-align: justify;
}

.post hr {
display: block;
}

.widecolumn .post {
margin: 0;
}

.narrowcolumn .postmetadata {
padding-top: 5px;
}

.widecolumn .postmetadata {
margin: 30px 0;
}

.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}

.postmetadata {
clear: both;
}

.clear {
clear: both;
}

#footer {
padding: 0;
margin: 0 auto;
width: 760px;
clear: both;
}

#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}

/ End Structure /

rincewind456

If you want 2 columns side by side this works

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
* {
padding:0;
margin:0;
}
#main {
width:80%; 
}
#left {
width:50%;
background-color:#ff2;
float:left;
}
#right {
width:50%;
background-color:#ffb;
float:right;
}
</style>
</head>
<body>

<div id="main">
<div id="left"><p>
Suspendisse potenti. Maecenas at magna lorem. Nulla facilisi. Curabitur luctus, dui vitae dignissim sagittis, urna justo pharetra risus, nec dictum erat diam eget odio. Duis neque lacus, pretium id mollis ac, commodo eget est! Ut vestibulum pulvinar nibh, eget fermentum risus viverra sed. Nam erat risus, volutpat et consequat in, laoreet vitae sapien. Nullam et faucibus dui. Curabitur dapibus, nulla sit amet commodo ullamcorper, orci est fermentum arcu, eu sollicitudin velit velit nec tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus nisi felis, ultrices non scelerisque eget, fermentum a sapien. Duis vehicula commodo mollis. Quisque bibendum ipsum quis purus luctus id iaculis lectus mollis. Cras eget pulvinar metus. Etiam euismod ultrices nulla, ut convallis sem dictum ut. Aliquam erat volutpat. Nam vitae hendrerit est. Morbi nibh nibh, mattis ac consectetur vel, adipiscing viverra tortor. Sed id purus quis leo pretium dignissim.
</p>

<p>
Donec sollicitudin metus sit amet nulla viverra eu posuere turpis consectetur. Quisque molestie rhoncus leo non fringilla? Sed vel dolor placerat est facilisis rutrum in sed quam. Mauris arcu turpis, rutrum vel euismod at; varius vel turpis! Sed consequat mattis ipsum aliquam posuere? Morbi facilisis aliquet nibh at feugiat. Etiam facilisis ornare ante, eu vulputate sapien dapibus id! Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed lorem odio, bibendum quis accumsan condimentum, vehicula quis elit. Quisque at leo quis elit sodales fermentum! Ut rhoncus purus at felis consequat nec ultricies lorem sagittis. Vivamus eleifend faucibus purus; quis tincidunt risus suscipit id.
</p>

<p>
Maecenas tristique magna vel leo suscipit molestie. Cras at libero diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean hendrerit dignissim nulla, a dapibus purus porta euismod. Aliquam gravida, lorem a tempus faucibus, quam tellus viverra odio, eu interdum justo turpis at orci. Morbi at neque sit amet odio sagittis rutrum? Maecenas sodales ipsum posuere tellus ultrices ut vehicula felis tincidunt. Curabitur nisl metus, sodales in fringilla id, sodales a risus. Vestibulum a mi libero. Nunc sed lectus in dui suscipit aliquam vulputate at lacus.
</p></div><!--End Left-->

<div id="right"><p>
Suspendisse potenti. Maecenas at magna lorem. Nulla facilisi. Curabitur luctus, dui vitae dignissim sagittis, urna justo pharetra risus, nec dictum erat diam eget odio. Duis neque lacus, pretium id mollis ac, commodo eget est! Ut vestibulum pulvinar nibh, eget fermentum risus viverra sed. Nam erat risus, volutpat et consequat in, laoreet vitae sapien. Nullam et faucibus dui. Curabitur dapibus, nulla sit amet commodo ullamcorper, orci est fermentum arcu, eu sollicitudin velit velit nec tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus nisi felis, ultrices non scelerisque eget, fermentum a sapien. Duis vehicula commodo mollis. Quisque bibendum ipsum quis purus luctus id iaculis lectus mollis. Cras eget pulvinar metus. Etiam euismod ultrices nulla, ut convallis sem dictum ut. Aliquam erat volutpat. Nam vitae hendrerit est. Morbi nibh nibh, mattis ac consectetur vel, adipiscing viverra tortor. Sed id purus quis leo pretium dignissim.
</p>

<p>
Donec sollicitudin metus sit amet nulla viverra eu posuere turpis consectetur. Quisque molestie rhoncus leo non fringilla? Sed vel dolor placerat est facilisis rutrum in sed quam. Mauris arcu turpis, rutrum vel euismod at; varius vel turpis! Sed consequat mattis ipsum aliquam posuere? Morbi facilisis aliquet nibh at feugiat. Etiam facilisis ornare ante, eu vulputate sapien dapibus id! Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed lorem odio, bibendum quis accumsan condimentum, vehicula quis elit. Quisque at leo quis elit sodales fermentum! Ut rhoncus purus at felis consequat nec ultricies lorem sagittis. Vivamus eleifend faucibus purus; quis tincidunt risus suscipit id.
</p>

<p>
Maecenas tristique magna vel leo suscipit molestie. Cras at libero diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean hendrerit dignissim nulla, a dapibus purus porta euismod. Aliquam gravida, lorem a tempus faucibus, quam tellus viverra odio, eu interdum justo turpis at orci. Morbi at neque sit amet odio sagittis rutrum? Maecenas sodales ipsum posuere tellus ultrices ut vehicula felis tincidunt. Curabitur nisl metus, sodales in fringilla id, sodales a risus. Vestibulum a mi libero. Nunc sed lectus in dui suscipit aliquam vulputate at lacus.
</p></div><!--End Right -->
</div><!--End Main -->
</body>
</html>

It is important to clear all your margins and padding, you should do this as standard practice, and then set them only when you need them. That's what this bit is for:

* {
padding:0;
margin:0;
}

Also don't work in fixed widths, use percentages, your page will then fit in all size of screens.

You can obviously set your containing div "main" to whatever width you want, then the left and right divs will get 50% of the space available.

griever

hey guys thanks for staying with me. I found this tutorial about how to make your own template, so I did it and I think I got rid of a lot of unnecessary stuff. I'm still having trouble dividing the content area up into two columns based on either their author (best) or a category(not as good). As far as I can tell, I have a div called wrapper, inside of that is a div called box, and I think this is the div that I want to further divide into two columns. Here is my index.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

<?php wp_get_archives('type=monthly&format=link'); ?>

<?php //comments_popup_script(); // off by default ?>

<?php wp_head(); ?>

</head>

<body>

 <?php get_header(); ?>

 <div id="box">

<?php $my_query = new WP_Query('category_name=tony&showposts=3');
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID;?>
<?php endwhile; ?>
</div>

<div id="right">
<?php $my_query = new WP_Query('category_name=hippie&showposts=3');
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID;?>
<?php endwhile; ?>

</div>

      <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>

           <div class="post">

                <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>

                     <div class="entry">

                     <?php the_content(); ?>

                     </div>

            </div>

      <?php endwhile; ?>

                <div class="navigation">

                <?php posts_nav_link(); ?>

           </div>

      <?php endif; ?>


 </div>


 <?php get_sidebar(); ?>

 <?php get_footer(); ?>

</div>

</body>

</html>

griever

and my style.css file:

/ /

Theme Name: Duel
Theme URI: hippievstony.com
Description: Side-By-Side Comparison Blog Mayhem
Version: 1.0
Author: tony
Author URI: http://www.hippievstony.com

/
/

body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background: #ffffff;
color: #000000;
}

a:link, a:visited{
text-decoration: underline;
color: #336699;
}

a:hover{
text-decoration: none;
}

#wrapper{
margin: 0 auto 0 auto;
width: 1000px;
text-align: left;
}

#header{
float: left;
width: 800px;
}

#box{
float: left;
width: 800px;
}

.sidebar{
float: left;
width: 240px;
background: #eeeeee;
margin: 0 0 0 10px;
display: inline;
}

#footer{
clear: both;
float: left;
width: 750px;
}

.comments-template{
margin: 10px 0 0;
border-top: 1px solid #ccc;
padding: 10px 0 0;
}

.comments-template ol{
margin: 0;
padding: 0 0 15px;
list-style: none;
}

.comments-template ol li{
margin: 10px 0 0;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
font-family: Georgia, Sans-serif;
font-size: 16px;
}

.commentmetadata{
font-size: 12px;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea{
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
}

rincewind456

Please use the boards

 [/code ] tags (minus the spaces) to surround your code.

I see You are still stuck on a fixed width div, what happens when the users screen is too small? They will have too scroll horizontally. Why make them do this when you can easily fix it by building the site using percentages?

You will need some styling on your left and right divs like [code]#left {
float:left;
width:50%;
}
#left p {
padding-right:0.5em;
}
#right p {
padding-left:0.5em;
}
#right {
float:right;
width:50%;
}

The padding is to prevent the edges of the text in each div bleeding together.

griever

thanks rince, can you tell me if the code I added to index.php defining the divs for left and right make sense in terms of separating the posts into two columns based on category?

griever

I've gone through and eliminated all the margins and padding that might have made things not fit. It seems to be a problem with the code I put into the index.php file, where I defined the "left" and "right" divs. Does anyone have an idea about how I can place the posts into their own column based on either category or author? Thanks so much, I'm really getting nowhere now....

tony

rincewind456

I would do it like this:

$sql_A = 'SELECT * FROM table WHERE author = author_A'; /* or category or whatever is in your Database*/

/*DO YOUR DATABASE QUERY HERE*/
$result_A = mysql_query($sql_A);

$author_A_Posts= '<div id="left">';
while ($row= mysql_fetch_array($result)) {
	$author_A_Posts .= '<p>'.$row['DBCOLUMNNAME'].'</p>';  /*APPEND ALL THE POST TO THE VAR HERE*/
}

$author_A_Posts .= '</div><!--END LEFT DIV-->';

Then do the same for author B but replace all left for right
you should now have 2 vars 1 for each author

Then replace this

<div id="box">



<div id="left">


<?php $my_query = new WP_Query('category_name=tony&showposts=3');
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID;?>
<?php endwhile; ?>
</div>

<div id="right">
<?php $my_query = new WP_Query('category_name=hippie&showposts=3');
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID;?>
<?php endwhile; ?>

</div>

with this

<div id="box">
<?php echo $author_A_Posts, $author_B_Posts;?>
</div><!--END BOX DIV-->

griever

rince,

where do i put the first bit of code in my index.php file?

if the two authors are "hippie" and "tony" would I subsitute those names in for author_A_posts and author_B_posts ?

what is going on in this line? $result_A = mysql_query($sql_A);

thanks a lot!

tony

rincewind456

Firstly I have just noticed a typo in the code I gave you it should be

$sql_A = 'SELECT * FROM table WHERE author = author_A'; /* or category or whatever is in your Database*/

/*DO YOUR DATABASE QUERY HERE*/
$result_A = mysql_query($sql_A);

$author_A_Posts= '<div id="left">';
while ($row= mysql_fetch_array($result_A)) {
    $author_A_Posts .= '<p>'.$row['DBCOLUMNNAME'].'</p>';  /*APPEND ALL THE POST TO THE VAR HERE*/
}

$author_A_Posts .= '</div><!--END LEFT DIV-->';

where do i put the first bit of code in my index.php file?

Anywhere before you need it, but it's better to keep your php code separate from your html code (where possible) so I would put it at the beginning of the script, after you have made your sql connection.

if the two authors are "hippie" and "tony" would I subsitute those names in for author_A_posts and author_B_posts

Yes.

what is going on in this line? $result_A = mysql_query($sql_A);

This is retrieving the data from the database to use in the while loop.

griever

sorry rince I am really confused, I don't know anything about SQL.

Here is my whole index.php with your code added, I know I'm doing it wrong...


<!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 profile="http://gmpg.org/xfn/11">

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />

<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />

<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php wp_get_archives('type=monthly&format=link'); ?>

<?php //comments_popup_script(); // off by default ?>

<?php wp_head(); ?>

</head>



$sql_A = 'SELECT * FROM table WHERE author = author_A'; /* or category or whatever is in your Database*/ 

/*DO YOUR DATABASE QUERY HERE*/ 
$result_A = mysql_query($sql_A); 

$tony= '<div id="left">'; 
while ($row= mysql_fetch_array($result_A)) { 
    $tony .= '<p>'.$row['DBCOLUMNNAME'].'</p>';  /*APPEND ALL THE POST TO THE VAR HERE*/ 
} 

$tony .= '</div><!--END LEFT DIV-->';



$sql_B = 'SELECT * FROM table WHERE author = author_B'; /* or category or whatever is in your Database*/ 

/*DO YOUR DATABASE QUERY HERE*/ 
$result_B = mysql_query($sql_B); 

$hippie= '<div id="right">'; 
while ($row= mysql_fetch_array($result_B)) { 
    $hippie .= '<p>'.$row['DBCOLUMNNAME'].'</p>';  /*APPEND ALL THE POST TO THE VAR HERE*/ 
} 

$hippie .= '</div><!--END RIGHT DIV-->';




<body>

<div id="wrapper">

 <?php get_header(); ?>

 <div id="box">

      <?php echo $author_A_Posts, $author_B_Posts;?>


      <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>

           <div class="post">

                <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>

                     <div class="entry">

                     <?php the_content(); ?>

                     </div>

            </div>

      <?php endwhile; ?>

                <div class="navigation">

                <?php posts_nav_link(); ?>

           </div>

      <?php endif; ?>


 </div>


 <?php get_sidebar(); ?>

 <?php get_footer(); ?>

</div>

</body>


</html>

The direction I was initially going was with this code from a website that i was trying to emulate:


<?php $temp = $wp_query; $wp_query= null; $wp_query = new
WP_Query('category_name=authorA&showposts=3'); while
($wp_query->have_posts()) : $wp_query->the_post() ?>

rincewind456

My apologies for not focusing on the php code, I had been looking at it from an HTML/CSS view and hadn't taken in the fact that you are using a wordpress blog code.

I'm not familiar with wordpress, but I think that looking at the code you had already and then applying the css rules that this should work

<!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 profile="http://gmpg.org/xfn/11">

<title><?php
bloginfo ( 'name' );
wp_title ();
?></title>

<meta http-equiv="Content-Type"
	content="&lt;?php bloginfo('html_type'); ?&gt;; charset=&lt;?php bloginfo('charset'); ?&gt;" />

<meta name="generator"
	content="WordPress &lt;?php bloginfo('version'); ?&gt;" />
<!-- leave this for stats please -->

<link rel="stylesheet" href="&lt;?php bloginfo('stylesheet_url'); ?&gt;"
	type="text/css" media="screen" />

<link rel="alternate" type="application/rss+xml" title="RSS 2.0"
	href="&lt;?php bloginfo('rss2_url'); ?&gt;" />

<link rel="alternate" type="text/xml" title="RSS .92"
	href="&lt;?php bloginfo('rss_url'); ?&gt;" />

<link rel="alternate" type="application/atom+xml" title="Atom 0.3"
	href="&lt;?php bloginfo('atom_url'); ?&gt;" />

<link rel="pingback" href="&lt;?php bloginfo('pingback_url'); ?&gt;" />

<?php
wp_get_archives ( 'type=monthly&format=link' );

//comments_popup_script(); // off by default
wp_head ();
?>

</head>


<body>

<div id="wrapper"><?php
get_header ();
?>

<div id="box">

<div id="left"><?php
$my_query = new WP_Query ( 'category_name=tony&showposts=3' );
while ( $my_query->have_posts () ) :
	print '<p>';
	$my_query->the_post ();
	$do_not_duplicate = $post->ID;
	print '</p>';
endwhile;
?>
</div>
<!-- End Left Div -->

<div id="right"><?php
$my_query = new WP_Query ( 'category_name=hippie&showposts=3' );
while ( $my_query->have_posts () ) :
	print '<p>';
	$my_query->the_post ();
	$do_not_duplicate = $post->ID;
	print '</p>';
endwhile;
?>
</div>
<!-- End Right Div --> <?php
if (have_posts ()) :

while ( have_posts () ) :
	the_post ();
	?>

<div class="post">

<h3><a href="&lt;?php the_permalink(); ?&gt;"> <?php
		the_title ();
		?>
</a></h3>

<div class="entry"><?php
		the_content ();
		?></div>

</div>

<?php
	endwhile;
	?>

<div class="navigation"><?php
	posts_nav_link ();
	?></div>




<?php 
endif;
?></div>


<?php
get_sidebar ();
get_footer ();
?></div>

</body>

</html>

griever

rince! thanks a lot for looking at the other code! i feel a lot better.

I am getting a "T_CONSTANT_ENCAPSED_STRING" error on line 54 which is in the div=left section where - print '<p>';

I looked up what that error meant and it said something about missing a semicolon or mismatched quotations. I tried changing that colon on 53 to a semicolon, or changing some of the quotations from single to double, I didn't have any luck. Do you have any ideas?

griever

Now the page loads up ok, but it looks just the same as it did before with the original code. Also, when I click on any of the post titles, it gives me a

404 error
The requested URL /%3C?php%20the_permalink();%20?%3E does not exist.

This is my css right now:


/*  /*  

Theme Name: Duel
Theme URI: hippievstony.com
Description: Side-By-Side Comparison Blog Mayhem
Version: 1.0
Author: tony
Author URI: http://www.hippievstony.com

*/
*/

#left{
     float: left;
     width: 50%;
     }

#right{
     float: right;
     width: 50%;
     }


body{
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #ffffff;
	color: #000000;
}

a:link, a:visited{
	text-decoration: underline;
	color: #336699;
}

a:hover{
	text-decoration: none;
}

#wrapper{
	margin: 0 auto 0 auto;
	width: 1500px;
	text-align: left;
}

#header{
	float: left;
	width: 800px;
}

#box{
	float: left;
	width: 1400px;
}



.sidebar{
	float: right;
	width: 240px;
	background: #eeeeee;
	margin: 0 0 0 10px;
	display: inline;
}

#footer{
	clear: both;
	float: left;
	width: 750px;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

anything popping out at anyone?

I have the newer code rince gave me loaded here