CSS Questions

[jennag]

I have read your posts on using Firebug to find elements and, as a long time Friebug user, but relative CSS novice, I can't for the life of me figure out how to distinguish the column3 / yui-u elements to make the background go away.  I am trying to not have the background be in white (I am using resolution blue as my base) or even show, but only on my right sidebar ( I want to leave it on my left sidebar as is).

I am using (or should I say trying to use) max banner in the widgets in a few places on this blog.   I have a few issues with that as well I am working on, like all the banners end up piled up instead of side by side.

I bought shifter but now it seems by the traffic on this blog future development may be limited?  It's been a while since a new version came out.    While I think some of the features and widgetizing are great, some of the limitations such as lack of drop downs are a bummer even though they were discussed a year ago.  I tested for a little with a free blog but since I couldn't add plugins I couldn't really test everything so I jumped in and bought it.  I hope I don't regret it!

This forum seems kind of dormant so I guess I'll see...

I have a few other issues but if I can work out the CSS background and why my banners are piling up on each other instead of side by side, I am sure I can figure out the others....

Any help would be appreciated!!

[tommy]

What is the url you are talking about?

[jennag]

www.skimara.org/home/

Sometimes you can't see the banners piled up because they are the same size...

(this is NOT live)

[tommy]

What code are you placing in the widgets for your max banner ads... it looks like you're missing a few closing div tags for the right sidebar ads and the bottom ads.

[jennag]

There is NO code in the widgets.  In fact one of the other problems I am having is I can't get the settings in the Max Banner Widgets to save with custom settings.

I have added a few CSS changes in the Max Banner zone impacting the banner/images such as padding and image size.

I can try and close the missing tag manually?

[tommy]

It looks like you're missing tags to close out your max ads code. Not closing tags will cause the overlap problem you are describing. Take the max ad widget out and drop your own widget in with code that shows a banner the same size and shape of a skyscraper ad and everything should work fine. That's one way to troubleshoot it.

For example... load this in a text widget for your sidebar and you should get no overlap in the sidebar:

<center><img src="https://www.google.com/adsense/static/en_US/images/160x600.gif" /></center>

[jennag]

What is the missing tag?  just a /> ?

[jennag]

P.s. the overlap issue is at the bottom, NOT the side...but it woudl happen there if i had more than one banner on the side...

[tommy]

Put height on your bottom ad div and you should be ok.

You have a div that look that this that wraps the bottom ad:

<div style="padding:5px 0 5px 0; text-align:center">ad</div>

change it to

<style="padding:5px 0 5px 0; text-align:center; height:160px;">ad</div>

[jennag]

I appreciate your help!  I'm not there though

In max banner ads I have a few ways to edit styles.  There is a banner zone that gives me CSS.  In that I had edited the styles similar to what you gave me before I changed it to what you have.

I added what you suggest for CSS datat into the CSS box for the zone and it doesn't fix the issue really.  It only moves one banner over a little.

I basically had this in there:

padding:4px 4px 12px0 4px;  height:150px; widthheight:150px;
I am not sure where you got the settings you have

The positioning does change when I adjust these style settings but nothing I do can get them to not pile up.

There are also boxes for before code and after code.  I tried putting 1 or more </div> tag in the after code.

In addition to editing this info in the Max Banner "Zone", I cam also edit it in the widget itself but I have a hard time saving the settings in the widget.

I wonder if this is a mix of the use of Shifter Modules and the widget.  I tried to dump the code snipet into the shifter module but I couldn't figure out where to put it when I went to the module php page

[tommy]

In the before code section of the ads, open a div with height of 160:

<div style="height:160px;">

In the after code section, close the div:

</div>

Note from your previous post, there is no css element called "widthheight".

[jennag]

I'm trying now.  That css element was a typo, not a copy and paste.
Thanks! I hope it works!

[jennag]

Nope, notta.  It made the area bigger but still piled the logos up

[tommy]

Backup here a second... you have about 5 different ads of differing shapes and sizes you are trying to fit into a location that is, ideally, of fixed height.

The banner area you have placed things in cannot detect the size of the banners which is determined by javascript after the page loads... you need to know the size of the banner that will fit in the spot and add height to the container div as instructed above.

As the old saying goes, you can't cram 10lbs of crap in a 5lb bag.

The div will not expand to fit the height of the ad. You must know the height of the add and set the div height to a number slightly larger than that, i.e 150px ad... set the div height to 160px as above.

[jennag]

I want to put 4 square adds in the User Module 6.  I want these four adds to be side by side. NOT top and bottom.
Each add is 150x150.  Any help to fit them in would be great.

I still have an issue on the right sidebar but it is not as bad.

Currently the Right Side bar add is just a place holder with the shift add (I can only get one widget to show, even though I have used he feature at the bottom of the page to ask for more) so I can't use that either.  When I use Max Banner it don't line up quite right with the tool bar widget.  If I can change the background of the tool bar widget, that would be ok. I want tit to go edge to edge of the tool bar but even with no padding it doesn't work and it shifts a little to the left...

I do appreciate this and hope I can get it worked out!