Jump to content

  • Log in with Facebook Log in with Twitter Log In with Google      Sign In   
  • Create Account

Subscribe to HRA Now!

 



Are you a Google Analytics enthusiast?

Share and download Custom Google Analytics Reports, dashboards and advanced segments--for FREE! 

 



 

 www.CustomReportSharing.com 

From the folks who brought you High Rankings!


Sponsored Content

 

 
 

Photo

How To Align Mutiple Panels


  • Please log in to reply
3 replies to this topic

#1 discountdomains

discountdomains

    HR 5

  • Active Members
  • PipPipPipPipPip
  • 347 posts

Posted 06 November 2008 - 06:33 PM

Hi,

I currently have 2 adsense panels 250*300 stacked on top of each other - right aligned.

This has worked well for a few years - but I am trying to find a way to align the top one to the right of the page and the bottom on to the left, as the second lower panel is not performing as well as the first one. It makes sense that breaking it up in this way would boost income.

Its not so easy - I have tried playing around with Div tags but it doesn't work?

Anyone know how to do this - or point to a site that is doing it?



#2 Jarret

Jarret

    HR 3

  • Active Members
  • PipPipPip
  • 65 posts
  • Location:California

Posted 06 November 2008 - 09:15 PM

Take one of the DIVs and float it left, take the other DIV and float it right.

Example....

<div id="rightad">
AdSense Code Here
</div>
Content Goes here
<div id="leftad">
AdSense Code Here
</div>

And then in your stylesheet file you would do....

#rightad {
float: right;
margin: 5px;
}

#leftad {
float: left;
margin: 5px;
}

#3 discountdomains

discountdomains

    HR 5

  • Active Members
  • PipPipPipPipPip
  • 347 posts

Posted 07 November 2008 - 04:55 AM

Hi,

That produces two panels in the correct alignment but next to each other.

I want to keep the stacked format so the first panel appears to the right above , then 300 pixels lower the next panel appears on the left below.

The page is long so using absolute locations will cause a problem when the page is scrolled.

Thanks

#4 Jarret

Jarret

    HR 3

  • Active Members
  • PipPipPip
  • 65 posts
  • Location:California

Posted 07 November 2008 - 03:07 PM

<div id="rightad">
Adbox Here
</div>
<div id="leftad">
Adbox Here
</div>

In your stylesheet file....

#rightad {
float: right;
margin: 0 0 300 0; <--Sets a 300 pixel margin on the bottom of the first adbox
}
#leftad {
float: left;
}




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users