Tue, 2007-05-29 03:58
Hi Guys
I'm hoping someone here can point out the obvious for me.
I have set up a wordpress blog here
All is going fairly well except for the fact that the navigation on the left is repeating with each post.
Basically, I have a wrapper the width of the page.
Inside that is a div called #mainleft which covers the left two-thirds of the page and contains my #main div (for content and posts) and #left (containing my menu #nav )
Following the is div #right which is outside #mainleft but inside the #wrapper
See CSS (just the layout basics without all the rest of the styling)
*{margin:0; padding:0;}
li{list-style-type:none;}
/* Basics to get page layout correct and flexible */
html{padding: 0; margin: 0;height:100%;font-size:89%;background-color1:#f5f1cc; background-image1:url(assets/bg.gif); background-repeat:repeat; font-family:Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;}
body{margin:0 auto;height:101%;line-height:150%;background-color:#fff}
#header{height:175px;background-image:url(assets/pcbtbanner4new.gif);background-repeat:no-repeat;background-color:#fff;}
#wrapper{}
#mainleft{border-top:10px solid #f5f1cc;float:left;width:68%;min-width:300px;max-width:800px;background-image:url(assets/roundedge.gif); background-repeat:no-repeat;background-position:-50px -200px;background-color:#fff;padding-bottom:50px;}
#main{float:right;width:78%;background-color:#fff;}
#left{float:left;width:22%;border1:1px solid #666;}
#right{float:left;width:32%;min-width:160px;background-color:#ffdb5f;border-top:10px solid #800000;border-bottom1:10px solid #800000;padding-bottom:30px; background-image:url(assets/rightbottom.jpg); background-repeat:repeat-x; background-position:left bottom;}
#footer{clear:both;padding-top:10px;padding-left:10px;font-size:0.9em;padding-bottom:10px;background-color:#800000;color:#fff;zoom:1;}
#footer .webdesign a{float:right;margin:10px;width:150px;margin-top:-5px;display:block;padding:2px;}
#footer .webdesign a:hover{background-color:#fff;color:#000;border:1px solid #000;}
#footer a:link{color:#fff;}
header php
removed all usual php headers from wordpress
Index.php (problem navigation in bold )
<?php define('WP_USE_THEMES', false); get_header(); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
"><?php the_title(); ?>
<?php the_content(); ?><?php the_time('F j, Y'); ?> at <?php the_time('g:i a'); ?> | <?php the_category(', '); ?> | <?php comments_number('No comment', '1 comment', '% comments'); ?>
<?php endwhile; else: ?>
<?php endif; ?>
<?php get_footer(); ?>
Footer.php
<?php get_sidebar(); ?>
I'd reallyu appreciate any ideas, I'm sure I'm missing something silly here
Cheers
Fat Freddy
Tue, 2007-05-29 05:57
#1
Put the <?php endwhile;
Put the <?php endwhile; else: ?> before the nav starts in your template (ie after #main).
Tue, 2007-05-29 06:07
#2
Hi Tyssen Yeah I'd tried
Hi Tyssen
Yeah I'd tried that but it throws my #nav down next to the last post - obviously, I need it to sit at the top as with all other pages.
I've re-arranged the order of all the different parts on the Index.php but I just can't get it to sit right.
Thanks for trying
Fat Freddy
Tue, 2007-05-29 06:18
#3
Fixed
Hi Tyssen
Fixed it.
Just for reference, I had to add it to the header so that it came before the #main - upside down compared to the rest of my pages, and less effective for SEO, but it works.
header.php extract
Tue, 2007-05-29 06:18
#4
Fixed
Hi Tyssen
Fixed it.
Just for reference, I had to add it to the header so that it came before the #main - upside down compared to the rest of my pages, and less effective for SEO, but it works.
header.php extract