Support » Themes and Templates » WordPress being with theme trouble – not rending correct

  • Hey guys,

    Just started on wordpress a week ago, and my theme wont render correctly, though I’ve tried multiple different tutorials. Any help would be GREATLY appreciated.

    Here is my index.php (all in one file)
    It renders correctly if you only click on one post.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style type="text/css" media="screen">
    		@import url( <?php bloginfo('stylesheet_url'); ?> );
    	</style>
    
    <link href="localhost/wordpress/wp-content/plugins/events-calendar/css/events-calendar.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 1.0" href="<?php bloginfo('atom_url'); ?>" />
    
    <script language="JavaScript" type="text/javascript">
    <!--
    // -----------------------------------------------------------------------------
    // Globals
    // Major version of Flash required
    var requiredMajorVersion = 8;
    // Minor version of Flash required
    var requiredMinorVersion = 0;
    // Minor version of Flash required
    var requiredRevision = 0;
    // -----------------------------------------------------------------------------
    // -->
    </script>
    
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php //comments_popup_script(); // off by default ?>
    
    <script src="<?php bloginfo('stylesheet_directory'); ?>/scripts/AC_OETags.js" type="text/javascript"></script>
    <script src="<?php bloginfo('stylesheet_directory'); ?>/scripts/flir.js" type="text/javascript"></script>  
    
    <?php wp_head(); ?>
    </head>
    <body>
    <div id="container">
    	<div id="top">
        	<div id="header">
            	 <a href="<?php bloginfo('url'); ?>/"><div id="logo"></div></a>
                <div id="visitor"></div>
              <div class="clear"></div>
            </div>
            <div id="menu">
                	<div id="menuleft">
                    	<ul>
                        	<li><a class="beginnings" href="#">beginnings</a></li>
                            <li><a class="receive" href="#">receive</a></li>
                            <li><a class="belong" href="#">belong</a></li>
                            <li><a class="give" href="#">give</a></li>
                   	  </ul>
                    </div>
                    <div id="menuright">
                    	<ul>
                        	<li><a class="churchinfo" href="#">church info</a></li>
                            <li><a class="contact" href="#">contact</a></li>
                    	</ul>
                    </div>
                    <div class="clear"></div>
            </div>
            <div id="mainbox">
            	<div id="contentbox">
                	<div id="contenttop"></div>
                    <div id="maincontent">
    
    				<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
    					<div id="postheader">
    						<div id="date">
    							<p class="month"><?php the_time('M')?></p>
    							<p class="date"><?php the_time('j')?></p>
    						</div>
    
    						<div class="post" id="post-<?php the_ID(); ?>">
    							<h1 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
    							<div class="meta">
    								<?php _e("Posted by"); ?>
    								<?php the_author() ?> in
       								<?php the_category(',') ?> at
       								<?php the_time() ?>
    								<?php the_tags(__('Tags: '), ', ', ' — '); ?>
    								<!-- <?php edit_post_link(__('Edit This')); ?> -->
       							 </div>
    						</div>
    
    						<div class="clear"></div>
    
    					</div>
    
    					<div class="storycontent">
    						<?php the_content(__('(more...)')); ?>
    					</div>
    
    					<div class="feedback">
    						<?php wp_link_pages(); ?>
    						<?php comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)')); ?>
    					</div>
    
    					<?php comments_template(); // Get wp-comments.php template ?>
    
    					<?php endwhile; else: ?>
    					<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
    					<?php endif; ?>
    
    				</div>
    
    				<?php posts_nav_link(' — ', __('&laquo; Newer Posts'), __('Older Posts &raquo;')); ?>
    
    			</div>
    
    		<div id="sidebar">
                	<div id="sidebartop"></div>
                    <a href="#"><div id="downloadmessage"></div></a>
                    <div id="sidebarcontent"></div>
                    <ul>
    			<?php 	/* Widgetized sidebar, if you have the plugin installed. */
    					if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
    			<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>
    			-->
    
    			<?php if ( is_404() || is_category() || is_day() || is_month() ||
    						is_year() || is_search() || is_paged() ) {
    			?> <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 bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog 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 bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog 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 bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog 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 bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives
    			for <strong>'<?php the_search_query(); ?>'</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 bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives.</p>
    
    			<?php } ?>
    
    			</li> <?php }?>
    
    			<?php wp_list_pages('title_li=<h2 class="blue">pages</h2>' ); ?>
    
    			<li><h2 class="blue">archives</h2>
    				<ul>
    				<?php wp_get_archives('type=monthly'); ?>
    				</ul>
    			</li>
    
    			<?php wp_list_categories('show_count=1&title_li=<h2 class="blue">categories</h2>'); ?>
    
    			<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
    				<?php wp_list_bookmarks(); ?>
    
    				<li><h2 class="blue">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 } ?>
    
    			<?php endif; ?>
    		</ul>
                    <div id="subscribe"></div>
                </div>
                <div class="clear"></div>
            </div>
    
        <div id="footer">
       	  <div id="footercontent">
            	<div id="footertop"></div>
           	  <div id="footerleft">
                	<h1 class="footer">vcommunity universe</h1>
                    <div class="hr"><hr></div>
                    <ul>
                      <li><a href"#">pouredoutlikewine.com</a></li>
                      <li><a href"#">vineyardshows.com</a></li>
                      <li><a href"#">vccfilms.com</a></li>
                      <li><a href"#">vCast</a></li>
                      <li><a href"#">isgodlistening.org</a></li>
                    </ul>
                </div>
                <div id="footermiddle">
                	<h1 class="footer">quick links</h1>
                    <div class="hr"><hr></div>
                    <ul>
                      <li><a href"#">Service Times</a></li>
                      <li><a href"#">Directions</a></li>
                      <li><a href"#">Ministries</a></li>
                      <li><a href"#">Upcoming Events</a></li>
                    </ul>
                </div>
                <div id="footerright">
                	<h1 class="footer">more stuff</h1>
                    <div class="hr"><hr></div>
                    <ul>
                      <li><a href"#">Vineyard Usa</a></li>
                      <li><a href"#">Vineyard Leadership Institue</a></li>
                      <li><a href"#">xxxchurch.com</a></li>
                      <li><a href"#">Financial Peace University</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
          </div> 
    
          <?php wp_footer(); ?>
    
    </div>
    </div>
    
    <script type="text/javascript">
    		FLIR.init();
    		FLIR.auto([ 'h1.storytitle', 'h2.widgettitle', 'h1.footer', 'h2.comments' ]);
    </script>
    
    </body>
    </html>

    and here is my css:

    /* Structure Formatting */
    
    body {
    margin:0px;
    background-image:url(images/pagebgvert.png);
    background-repeat:repeat-x;
    background-color:#23190f;
    }
    
    #container {
    background-image:url(images/pagebg.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    
    }
    
    #top {
    width: 850px;
    margin-left:auto;
    margin-right:auto;
    }
    
    #header {
    height:161px;
    }
    
    #logo {
    width:214px;
    height: 161px;
    background-image:url(images/vcclogo.png);
    background-repeat:no-repeat;
    float:left;
    position:relative;
    }
    
    #logo span {
    display:none;
    }
    
    #visitor {
    width:231px;
    height: 147px;
    background-image:url(images/newtovcc.png);
    background-repeat:no-repeat;
    float:right;
    }
    
    #mainbox {
    background-image:url(images/maincontentbg.png);
    background-repeat:repeat-y;
    }
    
    #contentbox {
    width:596px;
    float:left;
    }
    
    #contenttop {
    background-image:url(images/contenttopbg.png);
    width:596px;
    height:57px;
    }
    
    #maincontent {
    background-image:url(images/contentleftbg.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    padding:15px 15px 15px 24px;
    min-height:625px;
    }
    
    #sidebar {
    width:254px;
    float:right;
    }
    
    #sidebartop {
    background-image:url(images/sidebartopbg.png);
    width:254px;
    height:57px;}
    
    #downloadmessage {
    background-image:url(images/latestmessage.png);
    background-repeat:no-repeat;
    width:212px;
    height:96px;
    position:relative;
    left:14px;
    }
    
    #sidebarcontent {
    background-image:url(images/sidebarbg.png);
    background-repeat:repeat-y;
    }
    
    #subscribe {
    background-image:url(images/subscribe.png);
    background-repeat:no-repeat;
    width:254px;
    height:92px;
    }
    
    #footer {
    background-image:url(images/footerbg.png);
    background-repeat:repeat-x;
    background-color:#2c2c2c;
    }
    
    #footer ul {
    list-style-type:none;
    margin:0px;
    padding:0px 0px 0px 40px;
    }
    
    #footer a {
    color:#999999;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    text-decoration:none;
    }
    
    #footercontent {
    width:850px;
    margin-left:auto;
    margin-right:auto;
    }
    
    #footertop {
    width:850px;
    height:22px;
    background-image:url(images/footercontentend.png);
    background-repeat:no-repeat;
    display:block;
    margin-bottom:15px;
    }
    
    #footerleft {
    float:left;
    width:276px;
    margin-right:11px;
    background-image:url(images/footercolumnsbg.png);
    background-repeat:repeat-x;
    }
    
    #footermiddle {
    float:left;
    width:276px;
    margin-right:11px;
    background-image:url(images/footercolumnsbg.png);
    background-repeat:repeat-x;
    }
    
    #footerright {
    float:right;
    width:276px;
    background-image:url(images/footercolumnsbg.png);
    background-repeat:repeat-x;
    }
    
    #postheader {
    display:block;
    }
    
    #date {
    float:left;
    background-image:url(images/minical.png);
    background-repeat:no-repeat;
    width:50px;
    height:53px;
    margin-right:10px;
    }
    
    .month {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#FFFFFF;
    font-variant:small-caps;
    text-indent:14px;
    padding-top:3px;
    margin:0px;
    line-height:normal;
    }
    
    .date {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:30px;
    color:#999999;
    margin:0px;
    text-indent:10px;
    }
    
    .post {
    float:left;
    }
    
    /* Menus */
    #menu {
    width:850px;
    height:48px;
    display:block;
    }
    
    #menuleft {
    float:left;
    list-style-type:none;
    }
    
    #menuleft ul {
    margin: 0;
    padding: 0px 0px 0px 0px;
    height:48px;
    }
    
    #menuleft ul{
    	display:block;
    	height:48px;
    	width:369px;
    	margin:0;
    	padding:0px 0 0 0px;
    	list-style-type:none;
    	position:relative;
    	}
    
    #menuleft ul li{
    	float:left; display:block; margin:0 0px 0 0px;
    	}
    
    #menuleft ul li a{
    	height:55px; text-decoration:none; text-indent:-2000px; display:block; width:369px;
    	}
    
    #menuleft ul li a.beginnings{
    	background:url(images/menu_beginnings.png) no-repeat 0 0; width:119px; height:48px;
    	}
    
    #menuleft ul li a.beginnings:hover{
    	background:url(images/menu_beginnings_over.png) no-repeat 0 0; width:119px; height:48px;
    	}	
    
    #menuleft ul li a.receive{
    	background:url(images/menu_receive.png) no-repeat 0 0; width:95px; height:48px;
    	}
    
    #menuleft ul li a.receive:hover{
    	background:url(images/menu_receive_over.png) no-repeat 0 0; width:95px; height:48px;
    	}
    
    #menuleft ul li a.belong{
    	background:url(images/menu_belong.png) no-repeat 0 0; width:91px; height:48px;
    	}
    
    #menuleft ul li a.belong:hover{
    	background:url(images/menu_belong_over.png) no-repeat 0 0; width:91px; height:48px;
    	}	
    
    #menuleft ul li a.give{
    	background:url(images/menu_give.png) no-repeat 0 0; width:64px; height:48px;
    	}
    
    #menuleft ul li a.give:hover{
    	background:url(images/menu_give_over.png) no-repeat 0 0; width:64px; height:48px;
    	}
    
    #menuright {
    float:right;
    list-style-type:none;
    }
    
    #menuright ul {
    margin: 0;
    padding: 0px 0px 0px 0px;
    height:48px;
    }
    
    #menuright ul{
    	display:block;
    	height:48px;
    	width:223px;
    	margin:0;
    	padding:0px 0 0 0px;
    	list-style-type:none;
    	position:relative;
    	}
    
    #menuright ul li{
    	float:left; display:block; margin:0 0px 0 0px;
    	}
    
    #menuright ul li a{
    	height:55px; text-decoration:none; text-indent:-2000px; display:block; width:223px;
    	}
    
    #menuright ul li a.churchinfo{
    	background:url(images/menu_churchinfo.png) no-repeat 0 0; width:133px; height:48px;
    	}
    
    #menuright ul li a.churchinfo:hover{
    	background:url(images/menu_churchinfo_over.png) no-repeat 0 0; width:133px; height:48px;
    	}	
    
    #menuright ul li a.contact{
    	background:url(images/menu_contact.png) no-repeat 0 0; width:90px; height:48px;
    	}
    
    #menuright ul li a.contact:hover{
    	background:url(images/menu_contact_over.png) no-repeat 0 0; width:90px; height:48px;
    	}
    
    /* Element Styles */
    
    .clear {
    clear:both;
    }
    
    a, a:link, a:visited {
    padding:0px;
    margin:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#FF6600;
    font-size:.8em;
    text-decoration:none;
    }
    
    a:hover {
    color:#FF3300;
    }
    
    .more-link {
    font-size:.8em;
    }
    
    #feedback a {
    font-size:.8em;
    }
    
    .flir-replaced {
    padding:0px;
    margin:0px;
    }
    
    img {
    border:none;
    }
    
    p {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:.8em;
    line-height:16pt;
    margin:0px 0px 10px 0px;
    }
    
    ul {
    margin:0;
    padding:0;
    }
    
    #sidebar ul {
    padding:0px 0px 0px 22px;
    list-style-type:none;
    }
    
    #sidebar ul li ul{
    padding:0px 0px 0px 0px;
    margin-bottom:15px;
    list-style-type:none;
    }
    
    #sidebar ul li ul li {
    background-image:url(images/sidebarbullet.png);
    background-repeat:no-repeat;
    background-position:0px 4px;
    }
    
    #sidebar ul li ul li a {
    font-family:"Times New Roman", Times, serif;
    font-size:14px;
    color:#FFFFFF;
    text-decoration:none;
    padding-left:14px;
    }
    
    div.contenthr {
      height: 14px;
      background: transparent url(images/hrbreak.png) no-repeat scroll center;
      margin:6px 0px 4px 0px;
    }
    div.contenthr hr {
      display: none;
    }
    
    div.contenthrend {
      height: 14px;
      background: transparent url(images/hrbreakend.png) no-repeat scroll center;
      margin:6px 0px 14px 0px;
    }
    div.contenthrend hr {
      display: none;
    }
    
    div.hr {
      height: 15px;
      background: transparent url(images/footerhr.png) no-repeat scroll center;
    }
    div.hr hr {
      display: none;
    }
    
    .clear {
    clear:both;
    }
    
    h1, h2 {
    margin:0px;
    padding:0px;
    }
    
    #maincontent h1 {
    font-family: centurygothic, Georgia, "Times New Roman", Times, serif;
    font-size:20px;
    color:#ff6000;
    font-weight:normal;
    margin:0px;
    height:30px;
    }
    
    .storytitle a {
    color:#ff6000;
    }
    
    #footer h1 {
    font-family: centurygothic, Georgia, "Times New Roman", Times, serif;
    font-size:16px;
    color:#e1c292;
    font-weight:normal;
    text-indent: 40px;
    padding:15px 0px 0px 0px;
    margin:0px;
    }
    
    #sidebar h2 {
    font-family: birth, Georgia, "Times New Roman", Times, serif;
    font-size:32px;
    color:#7ec6fe;
    font-weight:normal;
    padding:0px;
    margin:0px;
    }
    
    #searchform {
    color:#FFFFFF;
    padding-bottom:15px;
    }
    
    .meta {
    color:#666666;
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    }
    
    .meta a {
    color:#378dd0;
    text-decoration:none;
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    }
    
    .feedback {
    display:block;
    margin-bottom:20px;
    text-align:right;
    }
    
    /* Calendar */
    
    #wp-calendar caption {
    font-weight:bold;
    font-size:16px;
    color:#FFFFFF;
    margin:0px 0px 10px 0px;
    text-align:center;
    width:auto;
    font-variant:small-caps;
    }
    
    #wp-calendar {
    border-collapse:collapse;
    margin:0 1px 15px 2px;
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    width:195px;
    }
    
    #wp-calendar #today {
    }
    
    #wp-calendar .pad {
    font-weight:bold;
    }
    
    #wp-calendar .padcent {
    background-color:white;
    border:thin solid darkgray;
    }
    
    #wp-calendar .padday {
    background-color:gainsboro;
    }
    
    #wp-calendar th {
    border:#969696 dashed 1px;
    font-weight:bold;
    color:#7ec6fe;
    padding:5px;
    width:11%;
    }
    
    #wp-calendar td {
    border:#969696 dashed 1px;
    color:#FFFFFF;
    text-align:center;
    padding:5px;
    }
    
    /* Comments */
    
    ol.commentlist {
    	margin:0;
    	padding:0;
    	}
    
    .commentlist li {
    	margin-bottom:8px;
    	background: #bcb3a2 url(images/comment_arrows.gif) bottom no-repeat;
    	color:#fff;
    	list-style:none;
    	width:550px;
    	}
    
    .commentlist .commenttext {
    	background:url(images/bg_paint.gif) no-repeat;
    	padding:22px 22px 38px 22px;
    	}
    
    .author .commenttext {
    	padding:16px 22px 38px 22px;
    	}
    
    .commentlist cite {
    	display:block;
    	color:#fff;
    	font-weight:bold;
    	text-transform:uppercase;
    	font-style:normal;
    	padding-bottom:12px;
    	font-size:1.1em;
    	margin-bottom:4px;
    	}
    
    .commentlist cite span {
    font-weight:normal;
    font-size:.8em;
    }
    
    .commentlist li.even cite {
    	color:#fff;
    }
    
    .commentlist li.author cite {
    	color:#D7D1BF;
    	background-image:url(images/authoricon.png);
    	background-position:left center;
    	background-repeat:no-repeat;
    	text-indent:40px;
    	padding-top:12px;
    	padding-bottom:12px;
    }
    
    .commentlist .hr {
      height: 15px;
      background: transparent url(images/bg_cite_arrows.png) repeat-x;
    }
    .commentlist hr.hr  {
      display: none;
    }
    
    .commentlist a:link, .commentlist a:visited {
    	color:#fff;
    	font-family:"Times New Roman", Times, serif;
    	font-size:1em;
    	}
    
    .commentlist a:hover, .commentlist a:active {
    	color:#fff;
    	font-family:"Times New Roman", Times, serif;
    	font-size:1em;
    	}
    
    .commentlist .date {
    	font-size:12px;
    	float:right;
    	text-indent:0px;
    	}
    
    li.even {
    	background:#cdc0a9 url(images/comment_arrows_alt.gif) bottom no-repeat;
    	}
    
    li.even .commenttext {
    	background:url(images/bg_paint_alt.gif) no-repeat;
    	}	
    
    li.even .date {
    	padding:3px;
    	}
    
    li.author {
    	background:#6aadca url(images/comment_arrows_author.gif) bottom no-repeat;
    	}
    
    li.author .commenttext {
    	background:url(images/bg_paint_author.gif) no-repeat;
    	}	
    
    li.author .date {
    	padding:3px;
    	}
    
    h2.comments {
    	font-family: birth, Georgia, "Times New Roman", Times, serif;
    	font-size:24px;
    	color:#0099FF;
    	font-weight:normal;
    	padding:0px 8px 0px 0px;
    	margin:0px 0px 7px 0px;
    	display:inline;
    	height:24px;
    	float:left;
    }
    
    #commentbubble {
    background-image:url(images/commentbubble.png);
    background-repeat:no-repeat;
    height:24px;
    width:30px;
    float:left;
    }
    
    /* Calendar */

    Thanks in advance, let me know if you need anything else!

  • The topic ‘WordPress being with theme trouble – not rending correct’ is closed to new replies.