• Resolved Wayde

    (@wayde)


    Hi There,
    So as we all do things for the first time, and most of the time simple things are the problem.
    So i hope its simple…
    With the loop in the index.php there is a gap between posts where my background color shows.. now.. i got rid of that by makin a <div> page between the loop… now here is my problem…. between get header and my <div> tag between the loop.. i have a <div> tag which shows a a img which in thoery should be flush with the start of the post…
    Its not.. theres a a gap
    so my code is sum thing like this..

    <div id=”topimage”></div>
    <div id=”content”>
    <loop><div id=”post”></div></ loop end >
    </div>

    Now the image is the same size ad my div content but there is a gap between them and i cant figure out why.
    Im at work a the mo.. will post code later on today..

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Wayde

    (@wayde)

    Ok Heres the link. http://darkhearts.co.nz/wordpress/

    <div id="page">
    <?php
    /**
     * @package WordPress
     * @subpackage Classic_Theme
     */
    
    get_header();
    ?><div id="align">
    <div id="content_top"></div>
    <div id="content">
    <div id="post">   
    
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
    <?php the_date('','<h2>','</h2>'); ?>
    
    <div <?php post_class() ?> id="post-<?php the_ID(); ?>">
    	 <h3 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
    	<div class="meta"><?php _e("Filed under:"); ?> <?php the_category(',') ?> — <?php the_tags(__('Tags: '), ', ', ' — '); ?> <?php the_author() ?> @ <?php the_time() ?> <?php edit_post_link(__('Edit This')); ?></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>
    
    </div>
    
    <?php comments_template(); // Get wp-comments.php template ?>
    
    <?php endwhile; else: ?>
    <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
    <?php endif; ?>
    
    <?php posts_nav_link(' — ', __('&laquo; Newer Posts'), __('Older Posts &raquo;')); ?>
    
    </div>
    </div>
    <div id="content_bottom"></div>
    </div>
    <?php get_footer(); ?>
    </div>
    @charset "UTF-8";
    /* CSS Document */
    
    /* body */
    
    body
    {
    	background-color:#000;
    	text-align:center;
    	margin: 0 0 0 0;
    	padding: 0;
    }
    
    #page
    {
    	width: 961px; height:100%;
    	text-align:left;
    	margin: auto;
    	padding: 0;
    }
    
    #header
    {
    	background: url(images/header.png);
    	position: absolute;
    	height: 290px;
    	width: 961px;
    	z-index: 4;
    }
    
    #content
    {
    	width: 551px;
    	background-color:#fff;
    
    }
    
    #align {
    	width: 551px;
    	padding: 200px 0 0 130px;
    
    }
    #content_top
    {
    	background:  no-repeat url('images/content_top.png');
    	z-index: 2;
    	width: 551px;
    	height:100px;
    
    }
    
    #post
    {
    	padding: 0 0 0 0;
    	background-color:#FFF;
    	}
    
    #content_bottom
    {
    	width: 551px;
    	height:108px;
    	background-color: #000;
    	background-image: url(images/content_bottom.png);
    	background-repeat: no-repeat;
    }

    So keepin in mind im not a coder just a “hobbyist” its prob some thing simple??

    Thread Starter Wayde

    (@wayde)

    i found a work around and made the top image i wanted part of the header..

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘First time making theme..’ is closed to new replies.