I want the advertisement shown on my website (http://www.animecube.net/) to show next to the news articles posted on my index page. The problem is that it seems to stay below the post information (author and date posted).

 

Try putting the advert right at the top of the content above your "FEWFEWF" post.

 

Add a

float: right;

If there is not one and then it should be good to go

Try putting the advert right at the top of the content above your "FEWFEWF" post.

 

Add a

float: right;

If there is not one and then it should be good to go

 

same effect... (you can check it out)

Ok, I will have a better look...

Ok, I will have a better look...

 

Thanks

The advert is still showing at the bottom of the page in Source view, did you move the

 

<div id="advert-right">
<script type="text/javascript"><!--
google_ad_client = "pub-6021495330456539";
/* 160x600, gemaakt 15-3-10 */
google_ad_slot = "5022364520";
google_ad_width = 160;
google_ad_height = 600;
//-->

</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

 

Up above

 

<div class="post-134 post hentry category-news" id="post-134">

The advert is still showing at the bottom of the page in Source view, did you move the

 

<div id="advert-right">
<script type="text/javascript"><!--
google_ad_client = "pub-6021495330456539";
/* 160x600, gemaakt 15-3-10 */
google_ad_slot = "5022364520";
google_ad_width = 160;
google_ad_height = 600;
//-->

</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

 

Up above

 

<div class="post-134 post hentry category-news" id="post-134">

 

This worked, but now my content-bottom image is weird.

You will most likely need to clear the floats at the bottom now.

 

<div style="clear: both;"></div>
<div class="right-col-bottom"></div></div>

(I edited it because I had float on the brain, this should be correct now)

Edited May 5, 201016 yr by EpicWebs

You will most likely need to clear the floats at the bottom now.

 

<div style="clear: both;"></div>
<div class="right-col-bottom"></div></div>

(I edited it because I had float on the brain, this should be correct now)

 

Doesn't work :/

My fault sorry, I just edited my post.

 

Change

 

<div style="cleat: float;"></div>

 

to

 

<div style="clear: both;"></div>

My fault sorry, I just edited my post.

 

Change

 

<div style="cleat: float;"></div>

 

to

 

<div style="clear: both;"></div>

 

that doesn't do the trick either

Sorry I am not on top form today lol.

 

Move the clear float up above...

 

</div>
<div class="right-col-bottom"></div></div>

 

 

<div style="clear: both;"></div>

</div>
<div class="right-col-bottom"></div></div>

Remove the float from your footer image div as well.

 

.right-col-bottom {
background-image: url(images/right-col-bottom.png);
background-repeat: no-repeat;
width: 781px;
height: 5px;
margin-bottom: 20px;
float: left;
}

 

To

 

.right-col-bottom {
background-image: url(images/right-col-bottom.png);
background-repeat: no-repeat;
width: 781px;
height: 5px;
margin-bottom: 20px;
}

Remove the float from your footer image div as well.

 

.right-col-bottom {
background-image: url(images/right-col-bottom.png);
background-repeat: no-repeat;
width: 781px;
height: 5px;
margin-bottom: 20px;
float: left;
}

 

To

 

.right-col-bottom {
background-image: url(images/right-col-bottom.png);
background-repeat: no-repeat;
width: 781px;
height: 5px;
margin-bottom: 20px;
}

 

Didn't work :/ I appreciate your help, keep em coming!

Lol, hold on let me have a proper look again.

Ok, Put the float back, remove the clear:both div tag.

 

Then lets see what we got.

done

.right-col-middle {
background-color: #FFF;
width: 771px;
padding: 10px 0 10px 10px;
float: left;
}

 

to

 

.right-col-middle {
background-color: #FFF;
width: 771px;
padding: 10px 0 10px 10px;
float: left;
       min-height: 600px;
}

 

I believe the bottom image is floating up into the advert because there is no other content so it floats up to there.

.right-col-middle {
background-color: #FFF;
width: 771px;
padding: 10px 0 10px 10px;
float: left;
}

 

to

 

.right-col-middle {
background-color: #FFF;
width: 771px;
padding: 10px 0 10px 10px;
float: left;
       min-height: 600px;
}

 

I believe the bottom image is floating up into the advert because there is no other content so it floats up to there.

 

done, and didn't work :/

Ok ill need a bit longer, i am looking into it. Sorry really not up to par today

From

 

</div>
<div class="right-col-bottom"></div></div>

 

To

 

</div></div>
<div class="right-col-bottom"></div>

haha no problem

From

 

</div>
<div class="right-col-bottom"></div></div>

 

To

 

</div></div>
<div class="right-col-bottom"></div>

 

Yay! Thanks

I just made a local copy and it works fine.

No problem at all, good luck with your site, loving the navigation by the way.

No problem at all, good luck with your site, loving the navigation by the way.

 

Thank you It's still a W.I.P.