The background image on my Pushbutton themed site is displaying on top of the images in my content, why?
In the Pushbutton theme, a theme that comes stock with Drupal, when you insert an image into your page, the theme's background image (a big arrow) can sometimes overlap your image.
In our experience, this only happens in Internet Explorer 6.
The solution is to remove formatting from your image using the remove formatting button in the text editor. It looks like this:
.
What's happening is this: By default, when you insert an image into your content, you set the image to either "left" or "right." This puts a "float" on your image, and it's this float that triggers the bug. By removing the float, you do away with the scenario that caused the bug. The trade-off is that now your text won't wrap around the image. Your options for the image then are to have it
inline (just remove the formatting and leave it as-is), in which case it will dictate the height of the line of text. Or you can have it in it's own paragraph...
…aligned to the left (in the -- Styles -- drop-down box, select "align-left")…
![]()
... or to the right (in -- Styles --, select "align-right")...
...or even centered ("align-center")...
And that will solve your issue with the background image in Pushbutton.
You can learn more about working with images.
- Sections: Programs & Services, e-Branch
- Free tags: faq
- Posted by: michael.samuelson








