Title: First time making theme..
Last modified: August 19, 2016

---

# First time making theme..

 *  Resolved [Wayde](https://wordpress.org/support/users/wayde/)
 * (@wayde)
 * [16 years, 10 months ago](https://wordpress.org/support/topic/first-time-making-theme/)
 * 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](https://wordpress.org/support/users/wayde/)
 * (@wayde)
 * [16 years, 10 months ago](https://wordpress.org/support/topic/first-time-making-theme/#post-1155962)
 * Ok Heres the link. [http://darkhearts.co.nz/wordpress/](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](https://wordpress.org/support/users/wayde/)
 * (@wayde)
 * [16 years, 10 months ago](https://wordpress.org/support/topic/first-time-making-theme/#post-1155976)
 * 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.

## Tags

 * [gap](https://wordpress.org/support/topic-tag/gap/)

 * 2 replies
 * 1 participant
 * Last reply from: [Wayde](https://wordpress.org/support/users/wayde/)
 * Last activity: [16 years, 10 months ago](https://wordpress.org/support/topic/first-time-making-theme/#post-1155976)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics