Hello,

I hope this is ok in this forum... Didn't know which one would be better. I downloaded WordPress to use as my blogging software. I am currently trying to get it set up to work with my site layout. I've done quite a bit, but am completely stuck.

Just to show you what, in general, I hope to get it to look like, see here.

Anyway, I will apologize right now because I'll be posting a lot of php code. I'd be more than happy to post only relevant code, but I don't know what's relevant. I'm really sorry.

The blog pages are generated by php files. I know very little about php, but just viewing source won't help because of the php generation.

The blog is being built here.

I need to move the actual blog entry area into the contentleft area. For some reason, it's beneath the footer right now! Likewise, so are the right-side links from WordPress (Archives, Categories, etc). I would like those to start right below the "Friends" link on the right.

Finally, why is the H1 header and blog description (the smaller text beneath it) knocking the 4 upper links from their position?

Now, when I view page source (the HTML), I can easily see what's what, and what needs to change. What I don't know is how to DO it in the php file(s).

Ok, here goes... I'm sorry about this massive amount of code...

header.php (this seems to be the MAIN file)
PHP Code:
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="DESCRIPTION" content="This site is here for one purpose: To introduce myself to the world, and to allow me to express myself as I see fit, Chris Bartlett, Christopher Bartlett, Christopher J. Bartlett, Christopher John Bartlett, Beauty, Wonder, Strength, Power, Respect, Honor, Balance, Chris Bartlett Photography, Christopher J. Bartlett Photography, Christopher Bartlett Photography, Technology Consultant, IT Consultant, Lowell, MA, Lowell MA, Blackjack tips, Play Blackjack" />
<meta name="KEYWORDS" content="Chris Bartlett, Christopher Bartlett, Christopher J. Bartlett, Christopher John Bartlett, WorldBuilder, The WorldBuilder, Perfect Website, Technically flawless website,  The world's most perfect website, Beauty, Wonder, Strength, Power, Respect, Honor, Balance, Chris Bartlett Photography, Christopher J. Bartlett Photography, Christopher Bartlett Photography, Technology Consultant, IT Consultant, Lowell, MA, Lowell MA, Blackjack tips, Play Blackjack" />
<meta name="Classification" content="Computing" />
<meta name="distribution" content="GLOBAL" />
<meta name="rating" content="General" />
<meta name="language" content="en" />
<meta name="author" content="Chris Bartlett, WorldBuilder" />
<meta name="robots" content="ALL, INDEX, FOLLOW" />

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

<?php if ( is_single() ) { ?> &raquo; Blog Archive <?php ?> <?php wp_title(); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />

<!-- leave this for stats -->

<link href="../main.css" rel="stylesheet" type="text/css" />
<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'); ?>" />

<script type="text/javascript">
//<![CDATA[
<!--
//-->
//]]>
</script>

<?php /* Checks to see whether it needs a sidebar or not */ if ((! $withcomments) && (! is_single())) { ?>

<?php } else { // No sidebar ?>

<?php ?>

<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head
(); ?>
</head>
<body id="starting">
<div id="wrapper">

<div id="headerimg">
    
</div>
<h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
                <div id="logonav">
    <ul>
<li><a accesskey="k" href="../" title="To The Main Page">Home</a></li>
<li><a accesskey="t" href="../timeline/" title="A little about me">Timeline &amp; Bio</a></li>
<li><a accesskey="i" href="../about/" title="Info about this little web space">About This Site</a></li>
<li><a accesskey="c" href="../contact" title="Contact Me">Contact</a></li>
        </ul>    
    </div>

<div id="contentwrapper">

            <div class="stuff">
 
            </div>
        <div id="contentright">
        <h2>Navigation</h2>    
        <ul> 
                  <li> <a accesskey="b" href="../blog/" title="Blog This!">My Blog</a> </li>
        <li> <a accesskey="m" href="../music/" title="Let's crank some tunes!">Music</a> </li> 
        <li> <a accesskey="q" href="../blackjack/" title="Learn about and play blackjack">Blackjack, anyone?</a> </li> 
              <li> <a accesskey="p" href="../poll/" title="Weigh in on the issue of the week">Weekly Poll</a> </li> 
        <li> <a accesskey="j" href="../junior/" title="The rebuilding of our home">Junior</a> </li>
        <li> <a accesskey="y" href="../photography/" title="Photos and Info">Photography</a> </li>
        <li> <a accesskey="r" href="../resume/" title="HIRE ME!">Resume (Click ME)</a> </li>
        </ul>
        <ul>
        <li><a accesskey="x" href="../icanhelp/" title="Can I help you with something?">I Can Help</a></li>
        <li><a accesskey="w" href="../tutorials/" title="Learn something...">Tutorials</a></li>
        <li><a accesskey="u" href="http://www.amazon.com/gp/registry/registry.html/002-1293398-9548820?%5Fencoding=UTF8&amp;id=145BGATFWD94O" title="Wanna get me a gift?" onclick="this.target='_blank';" onkeypress="this.target='_blank';">My Wishlist</a></li>
        <li><a accesskey="d" href="../drinks/" title="Drinks I like or invented">Drink &amp; be merry</a></li>
        <li><a accesskey="l" href="../links/" title="Cool Sites I like">Cool Links</a></li>
        <li><a accesskey="f" href="../friends/" title="Friends who've TRULY earned the title">Friends</a></li>
        </ul>    
        <h2>Quote of the Moment</h2>
         <p><script src="../quote.js" type="text/javascript"></script></p>

<!-- SiteSearch Google -->
<form method="get" action="http://www.google.com/search">
<div class="trans">
<a onclick="this.target='_blank';" onkeypress="this.target='_blank';" href="http://www.google.com/"><img src="../pix/google.gif" alt="Google"/></a>

<input type="submit" name="button" value="Google Search"/>

<label for="search"><input type="text" name="q" id="search" value="Click here to search" onfocus="if (this.value==this.defaultValue) this.value='';" /></label>

<label for="CB"><input type="radio" name="sitesearch" id="CB" value="ChrisBartlett.net" checked="checked"/> ChrisBartlett.net</label>

<input type="hidden" name="domains" value="ChrisBartlett.net"/>

<label for="Web"><input type="radio" name="sitesearch" id="Web" value="The Web"/>The Web</label>

</div>
</form>
<!-- SiteSearch Google -->


         <div class="centerinline"><a onclick="this.target='_blank';" onkeypress="this.target='_blank';" href="http://validator.w3.org/check/referer" title="Check 'em. They validate!"><img src="../pix/valid_xhtml10.bmp" alt="This page is 100% VALID XHTML 1.0 Strict!" width="88" height="31" /></a>
        </div>
        <img class="spacer" src="../pix/spacer.png" alt="" title=""/>
        <div class="centerinline"><a onclick="this.target='_blank';" onkeypress="this.target='_blank';" href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.bartlett-family.net/chrisbartlett/main.css
"><img style="border:0;width:88px;height:31px" src="../pix/valid_css.gif" alt="This entire site is powered by 100% VALID CSS code!" /></a>
        </div>
        <img class="spacer" src="../pix/spacer.png" alt="" title=""/>
        <div class="centerinline"><a onclick="this.target='_blank';" onkeypress="this.target='_blank';" href="http://webxact.watchfire.com/submit.aspx?SCANURL=http%3A%2F%2Fwww.chrisbartlett.net/about/&amp;GL=wcag1-aaa&amp;FR=1&amp;CL=1&amp;AR=1&amp;RS=1&amp;SA=0&amp;complete=1&amp;tzo=240" title="Explanation of Level Triple-A Conformance"><img height="32" width="88" src="../pix/wcag1AAA.png" alt="Level Triple-A conformance icon, This page meets the guidelines for W3C-WAI Web Content Accessibility Guidelines 1.0 Level THREE!"/></a></div>
        <img class="spacer" src="../pix/spacer.png" alt="" title=""/>
        <div class="centerinline"><a onkeypress="this.target='_blank';" href="http://www.anybrowser.org/campaign/" title="This site works with ANY modern browser" onclick="this.target='_blank';"><img src="../pix/w3c_ab.png" alt="This site works with ANY modern browser?!"/></a></div>
        <img class="spacer" src="../pix/spacer.png" alt="" title=""/>
        <div class="centerinline"><a onkeypress="this.target='_blank';" href="http://www.spreadfirefox.com/?q=user/register&amp;r=111360" title="WHY are you still using IE?!" onclick="this.target='_blank';"><img src="../pix/getFF.jpg" alt="WHY are you still using IE?!"/></a>    
         </div>
        </div>
        <br class="clear" />
<p id="footer">&copy; Chris Bartlett 2005 <a href="../accessibility.html" accesskey="1">Accessibility</a> | <a href="../privacy.html" accesskey="2">Privacy Policy</a> | <a href="#starting">Back to Top</a>

<script type="text/javascript">
<!-- Begin

it1 = "mail";
it2 = "to";
part1 = "ch";
part2 = "ris";
parta = "chrisbartlett";
partb = ".";
partc = "net";

document.write('<p><b>Send me an e-mail at: </b> ') 
document.write('<a href=\"' + it1 + it2 + ':' + part1 + part2 + '@' + parta + partb + partc + '\">');
document.write(part1 + part2 + '@' + parta + partb + partc + '</a>');
// End -->
</script>
</p>
       </div>
index.php
PHP Code:
<?php get_header(); ?>
<div id="contentleft" class="narrowcolumn">
<?php if (have_posts()) : ?>    
<?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('F jS, Y'?> <!-- by <?php the_author() ?> --></small>
<div class="entry">
<?php the_content('Read the rest of this entry &raquo;'); ?>
</div>
<p class="postmetadata">Posted in <?php the_category(', '?> <strong>|</strong> <?php edit_post_link('Edit','','<strong>|</strong>'); ?>  <?php comments_popup_link('No Comments ''1 Comment ''% Comments '); ?></p>
</div>
<?php endwhile; ?>
<div class="navigation">
<div class="alignleft"><?php next_posts_link('&laquo; Previous Entries'?>
</div>
<div class="alignright">
<?php previous_posts_link('Next Entries &raquo;'?>
</div>
</div>
<?php else : ?>
<h2 class="center">Not Found</h2>
<p class="center">Sorry, but you are looking for something that isn't here.</p>
<?php include (TEMPLATEPATH "/searchform.php"); ?>
<?php 
endif; ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer
(); ?>
sidebar.php
PHP Code:
<div id="sidebar">
<ul>
<li>
<?php include (TEMPLATEPATH '/searchform.php'); ?>
</li>
<!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
<li><h2>Author</h2>
<p>A little something about you, the author. Nothing lengthy, just an overview.</p>
</li>-->
<li>
<?php /* If this is a 404 page */ if (is_404()) { ?>
<?php 
/* If this is a category archive */ } elseif (is_category()) { ?>
<p>You are currently browsing the archives for the <?php single_cat_title(''); ?> category.</p>
<?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
<p>You are currently browsing the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives for the day <?php the_time('l, F jS, Y'); ?>.</p>
<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
<p>You are currently browsing the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives for <?php the_time('F, Y'); ?>.</p>
<?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
<p>You are currently browsing the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives for the year <?php the_time('Y'); ?>.</p>
<?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
<p>You have searched the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives for <strong>'<?php echo wp_specialchars($s); ?>'</strong>. If you are unable to find anything in these search results, you can try one of these links.</p>
<?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
<p>You are currently browsing the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives.</p>
<?php ?>
</li>
<?php wp_list_pages('title_li=<h2>Pages</h2>' ); ?>
<li><h2>Archives</h2><ul><?php wp_get_archives('type=monthly'); ?></ul></li>
<li><h2>Categories</h2><ul><?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?></ul></li>

<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
<?php get_links_list
(); ?>
<li><h2>Meta</h2><ul><?php wp_register(); ?><li><?php wp_loginout(); ?></li><li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>

<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>

<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>

<?php wp_meta(); ?>
</ul>
</li>
<?php ?>
</ul>
</div>
footer.php
PHP Code:

<hr />
<div id="footer2">
    <p>
        <?php bloginfo('name'); ?> is proudly powered by 
        <a href="http://wordpress.org">WordPress</a>
        <br /><a href="feed:<?php bloginfo('rss2_url'); ?>">Entries (RSS)</a>
        and <a href="feed:<?php bloginfo('comments_rss2_url'); ?>">Comments (RSS)</a>.
        <!-- <?php echo $wpdb->num_queries?> queries. <?php timer_stop(1); ?> seconds. -->
    </p>
</div>
</div>

<!-- Gorgeous design by Michael Heilemann - http://binarybonsai.com/kubrick/ -->
<?php /* "Just what do you think you're doing Dave?" */ ?>

        <?php wp_footer(); ?>

</body>
</html>
search.php
PHP Code:
<?php get_header(); ?>

    <div id="content" class="narrowcolumn">

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

        <h2 class="pagetitle">Search Results</h2>
        
        <div class="navigation">
            <div class="alignleft"><?php next_posts_link('&laquo; Previous Entries'?></div>
            <div class="alignright"><?php previous_posts_link('Next Entries &raquo;'?></div>
        </div>


        <?php while (have_posts()) : the_post(); ?>
                
            <div class="post">
                <h3 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h3>
                <small><?php the_time('l, F jS, Y'?></small>
                
                <div class="entry">
                    <?php the_excerpt() ?>
                </div>
        
                <p class="postmetadata">Posted in <?php the_category(', '?> <strong>|</strong> <?php edit_post_link('Edit','','<strong>|</strong>'); ?>  <?php comments_popup_link('No Comments ''1 Comment ''% Comments '); ?></p>
            </div>
    
        <?php endwhile; ?>

        <div class="navigation">
            <div class="alignleft"><?php next_posts_link('&laquo; Previous Entries'?></div>
            <div class="alignright"><?php previous_posts_link('Next Entries &raquo;'?></div>
        </div>
    
    <?php else : ?>

        <h2 class="center">Not Found</h2>
        <?php include (TEMPLATEPATH '/searchform.php'); ?>

    <?php endif; ?>
        
    </div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>
LAST ONE: searchform.php
PHP Code:
<form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<div><input type="text" value="<?php echo wp_specialchars($s1); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>
Lastly, my CSS FILE.

Thank you very much in advance for any help. If anything, I just need a nudge in the right direction so I know what to look for.

Chris