Depends on how your theme and template are coded…generally CSS would create the space with a margin and/or padding. But there’s no way to specifically help without seeing the site/page in question.
this is my index.php
very basic als you can see
<?php get_header(); ?>
<br />
<br />
<div id="wrapper">
<div id="main">
<div id="content">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><?php the_title(); ?></h1>
<h4>Geplaatst op <?php the_time('F jS, Y') ?></h4>
<p><?php the_content(__('(more...)')); ?></p>
<hr> <?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
</div>
<?php get_sidebar(); ?>
</div>
<div id="delimiter">
</div>
<br />
<br />
<?php get_footer(); ?>
and this is my style
body {
background:url(plaatjes/plaatjes/achtergrond.png) no-repeat center center fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
color:#FFFFFF;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#wrapper {
display: block;
width:900px;
margin-left: auto;
margin-right: auto;
background-image:url(plaatjes/plaatjes/achtergrondtrans.png);
background-repeat:repeat;
padding-left:15px;
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
}
#header {
background-image:url(plaatjes/plaatjes/achtergrondtrans.png);
background-repeat:repeat;
padding-left: 10px;
padding-top:10px;
padding-bottom:20px;
clear:both;
}
#header1 {
width:930px;
margin-left: auto;
margin-right: auto;
}
#bovenmenu{
float:left;
display:block;
display:inline;
}
#content {
width: 73%;
background-image:url(plaatjes/plaatjes/achtergrondtext.png);
background-repeat:repeat;
padding-left:5px;
padding-right: 5px;
float:left;
}
#sidebar {
width: 23%;
border: 2px #000000 solid; float: right;
padding-left:5px;
background-image:url(plaatjes/plaatjes/achtergrondtext.png);
background-repeat:repeat;
}
#sidebar1 {
width: 23%;
border: 2px #000000 solid; float: right;
padding-left:5px;
background-image:url(plaatjes/plaatjes/achtergrondtext.png);
background-repeat:repeat;
margin-top:15px;
}
#delimiter {
clear: both;
}
#footer {
border-top: 10px #0092fb solid;
background-image:url(plaatjes/plaatjes/achtergrondtrans.png);
background-repeat:repeat;
float:left;
clear:both;
width:100%;
text-align:center;
margin:0px auto 0px auto;
}
#footer-1 {
background-image:url(plaatjes/plaatjes/achtergrondtext.png);
background-repeat:repeat;
float:left;
clear:both;
width:100%;
margin:0px auto 0px auto;
}
#footertext{
width:930px;
margin-left: auto;
margin-right: auto;
}
.title { f
ont-size: 11pt;
font-family: verdana;
font-weight: bold;
}
There’s no way to help with CSS without seeing the actual site – code alone is not useful. Someone has to be able to look at your site using Firebug.
What theme are you using?
with your index.php html code, your layout idea is virtually impossibly to do – it might be easier if each post would be wrapped into its own div;
for example (relevant section):
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div <?php post_class(); ?>>
<h1><?php the_title(); ?></h1>
<h4>Geplaatst op <?php the_time('F jS, Y') ?></h4>
<p><?php the_content(__('(more...)')); ?></p>
<hr>
</div>
<?php endwhile; else: ?>
Yeah! thats it
i have connect it on the css with
.post {
background-image:url(plaatjes/plaatjes/achtergrondtext.png);
background-repeat:repeat;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}
now its working correct!! 😀
