Posted: Mon Aug 30, 2010 5:16 am
As you may have noted, I just added a 2x2 block of ads in the lower right corner of the forum pages. I hope it's not annoying---feel free to click on them; it's paid by impression and not by click, so frivolous clicking won't mess things up unlike with google adsense.
Anyway, the problem is that it doesn't exactly present itself at 2x2 but more like 2 by blank-1 by 1-blank. ARGH! I have been messing with it for over two hours now.
Here's the (what I think is) relevant code:
The blocks are 125x125 pixels.
The sidebar container is 310px wide.
You can get the html by viewing the source code.
css stuff from the forum template
.sidebarad{
margin:auto;
padding:15px;
}
css stuff from the adserver template (I have little control here, but I can change the following).
Anchor style:
display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 15px 15px 0;text-align:center;text-decoration:none;overflow:hidden;float:left;
Image style:
border:0;clear:right;
Ad here style: (These are the Advertise Here fields)
color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;
Ad here hoover style:
border:1px solid #999;background:#ddd;color:#333;
I can't control the html from the adserver. I presume it presents one long horizontal line of text or images, one after each other.
I need my CSS, the CSS I control, to break it into 2x2 in the proper way.
Any ideas?
Anyway, the problem is that it doesn't exactly present itself at 2x2 but more like 2 by blank-1 by 1-blank. ARGH! I have been messing with it for over two hours now.
Here's the (what I think is) relevant code:
The blocks are 125x125 pixels.
The sidebar container is 310px wide.
You can get the html by viewing the source code.
css stuff from the forum template
.sidebarad{
margin:auto;
padding:15px;
}
css stuff from the adserver template (I have little control here, but I can change the following).
Anchor style:
display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 15px 15px 0;text-align:center;text-decoration:none;overflow:hidden;float:left;
Image style:
border:0;clear:right;
Ad here style: (These are the Advertise Here fields)
color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;
Ad here hoover style:
border:1px solid #999;background:#ddd;color:#333;
I can't control the html from the adserver. I presume it presents one long horizontal line of text or images, one after each other.
I need my CSS, the CSS I control, to break it into 2x2 in the proper way.
Any ideas?