Problem with background image in infoBoxHeading...

[mac]

Hi,
I've been going bananas trying to get my custom image to properly display in the infoBoxHeading. I'm working in the boxes.php file, I've resized the width of the boxes on the left column and My background image should fit perfectly into the newly sized boxes. Unfortunately, the "right arrow" doesn't want to sit on top of the background image like the text does. Instead, it cuts off the end of my background image, then starts a new iteration of the background image. I have the background image positioned LEFT, and the left corner of the background image now shows up under the right arrow. How can I fix this?

Thanks!

mac

[mac]

Well,
looks like I'm running into the same problem with the TD.HeaderNavigation. I'm trying to put a long (750 pixel) image as a background image under the HeaderNavigation bar. I'm running into the same problem here too. Looks like perhaps something to do with the <a href.. tag. Yes, I'm new and I'm learning about html as I go along.
Any suggestions from anyone?

thanks!
mac

[michael_s]

How are you trying to do this?

It should all be done in stylesheet.css. There is no code to edit elsewhere. You set the background image of whatever style tag you want to display the image

[mac]

Right,
I did this through the stylesheet, inserting my image into the TD.infoBoxHeading, aligning it to the left, setting no-repeat.
The thing is, the right_arrow in the right corner of the infoBoxHeading seems to do its own thing, starting a new instance of my background image!
By the way, I fixed the headerNavigation issue by deleting some code (turning two tables into one table and slipping in a bunch of & tags to push the session ID, shopping cart info links all the way to the right corner of the bar.
Unfortunately I don't have that option with infoBoxHeading.

ug!

mac

[michael_s]

mac,

I am not sure what you are doing, could I see an example url?

When I add images to infoboxheading background, they drop right in every time, no problems... ? I do not have the same problem with wrapping. Perhaps it is how you are implementing it in the stylesheet...

I just drop the image into my stylesheet, and have no problems. Here is how I do it, with no problems:

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
    color: Black;
    background-image: url(images/mainbar.gif);
                                    vertical-align: middle;
                                    text-align: center;
                                    }

[mac]

Okay,
here's what mine looks like:

TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background-image: url(images/box_log.gif);
color: #FFFFFF;
text-indent: 20px;
background-attachment: fixed;
background-position: left;
background-repeat: no-repeat;


}

[michael_s]

Looks like an image size problem.

If your image is sized properly, you will not need these options:

background-attachment: fixed; 
background-position: left; 
background-repeat: no-repeat;

Remove them and see if that works for you. Also, I have attached a sample image for you to try in your catalog.

[mac]

Nope, I tried deleting those entries from my stylesheet and I still had the same problem. I even tried loading your image, and it did the same thing with your image. There's something about that code with the right arrow...

mac

[michael_s]

What version are you using? MS1?

It works perfectly for me, no mods needed. See the screen cap below.

[mac]

What's the easiest way of finding out exactly what version number I'm using?