I moved the test page to http://test.mangregation.com
I got rid of all of the tables, but now i have a couple of problems
How do i get the date and the "posted by" text to appear over an image?
how do i get the backgrounds in the body of the post and the navigation
Nav BG and Blog Body BG
here is the index.php code
PHP Code:
<!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">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title>
<?php bloginfo('name'); ?>
<?php if ( is_single() ) { ?>
»Blog Archive
<?php } ?>
<?php wp_title(); ?>
</title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<!-- leave this for stats -->
<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 wp_head(); ?>
<style type="text/css" media="screen">
body
{ background: #ffffff; color: #000000; font-family: veranda;
position:absolute;
left:50%;
width:780px;
height:100%;
margin-top:0px;
margin-left:-390px;
padding:0px;
border:none;
background-repeat: repeat-y;}
#banner { width: 780px; height: 85px; position: absolute; top: 0px; left: 0px; margin: 0px; background-repeat: no-repeat; background-image: url('<?php bloginfo('template_directory'); ?>/images/banner.gif');}
#home { width: 133px; height: 29px; position: absolute; top: 85px; left: 0px; margin: 0px; background-repeat: no-repeat; }
#forums { width: 95px; height: 29px; position: absolute; top: 85px; left: 133px; margin: 0px; background-repeat: no-repeat; }
#contact { width: 119px; height: 29px; position: absolute; top: 85px; left: 228px; margin: 0px; background-repeat: no-repeat;}
#about { width: 136px; height: 29px; position: absolute; top: 85px; left: 347px; margin: 0px; background-repeat: no-repeat; }
#right { width: 297px; height: 29px; position: absolute; top: 85px; left: 483px; margin: 0px; background-repeat: no-repeat; }
#main { width: 602px; height: 100%; position: absolute; top: 114px; left: 0px; margin: 0px; background-repeat: no-repeat; }
#nav { width: 178px; height: 100%; position: absolute; top: 114px; left: 602px; margin: 0px; background-repeat: no-repeat; }
a:link, a:visited { color: #616161; text-decoration: none; font-weight: bold; border-bottom: 0px solid #616161;}
a:hover { color: #898989; border-bottom: 0px solid #898989; font-weight: bold;}
</style>
</head>
<body>
<div id="banner">
</div>
<div id="home">
<a href="http://www.mangregation.com"><img src="images/home.gif" border="0"></a>
</div>
<div id="forums">
<a href="http://www.mangregation.com/forums"><img src="images/forums.gif" border="0"></a>
</div>
<div id="contact">
<a href="http://www.mangregation.com/contact"><img src="images/contactus.gif" border="0"></a>
</div>
<div id="about">
<a href="http://www.mangregation.com/about"><img src="images/aboutus.gif" border="0"></a>
</div>
<div id="right">
<img src="images/right.gif">
</div>
<div id="main">
<!-- the loop -->
<?php if (have_posts()) :?>
<?php $postCount=0; ?>
<?php while (have_posts()) : the_post();?>
<?php $postCount++;?>
<div class="post" id="post-<?php the_ID(); ?>">
<img src="images/maintop.gif" width="602px" height="49px">
<center><strong><small><div class="thedate"><?php the_time('l, F jS, Y') ?></div></center></strong></small>
<h3><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>" class="h3"><?php the_title(); ?></a></h3>
<?php the_content('Read the rest of this entry »'); ?>
<div class="meta"><center><small><h1>Posted by <?php the_author() ?> | Filed in <?php the_category(', ') ?> | <?php comments_popup_link('0 Comment now »', '1 Comments »', '% Comments »', 'commentslink'); ?> <?php edit_post_link('edit','<span class="metaedit">| [',']</span>'); ?> </h1></center></div></small>
<img src="images/mainbottom.gif" width="602px" height="48px">
<br>
</div>
<?php endwhile; ?>
<div class="navigation">
<?php posts_nav_link(' | ','« Previous Page' ,'Next Page »'); ?>
</div>
</br></br>
<?php else : ?>
<h3>Not Found</h3>
<div class="entrybody">Sorry, but you are looking for something that isn't here.</div>
<?php endif; ?>
<!-- end loop -->
</div>
<div id="nav">
<img src="images/navtop.gif" height="33" width="178">
<center>
<a href="http://www.mangregation.com">Home</a>
<br><a href="http://www.mangregation.com/forums">Forums</a>
<br><a href="http://www.mangregation.com/contact">Contact Us</a>
<br><a href="http://www.mangregation.com/about">About Us</a>
</center>
<img src="images/navbottom.gif" height="19" width="178">
</div>
<div id="bottom" >
<img src="images/bottombar.gif" width="780" height="50">
</div>
</body>
</html>
Last edited by FutileSoul : 08-08-2007 at 12:59 PM.
|
