Top Header Image Problem

[DieuxSoldat_04]

Hey Zenners,

Site: Endless Sonata
Problem: The Top Header Image

The center column is 624px wide and I made the image the same. I edited my .centerBoxHeading and ever since, I got my other Center Box Headings to look fine but now the Top Center Box Heading looks awkward only on the Home page. If you don't see it, it's right where the Header Image connects to the Login Box Header Image.

I did try to add a code to use to customize it but it didn't work out.

#navBreadCrumb .centerBoxHeading {
    margin: 0 0 -10px;
    }
    
*:first-child+html #navBreadCrumb .centerBoxHeading {
    margin: 0 0 -10px;
    }

So can anyone help me get the Top Center Box Heading image to run flush with the Login Box Heading again?

- Jason

[daneh]

Using web developer, I see that your center column is 616px wide. You say your image is 624px. That would make the image wider than the center box, and cause it to crowd your sidebox images.

Try cutting your image down to 616, and see if that help.

Still love the site. Awesome job on the graphics.

After posting, and revisiting the site, I think you want the graphics to actually look like they are one...is that correct, or did I have it right before?

[DieuxSoldat_04]

I used FireBug to check it out. I don't think it's crowding the Sidebox. It seems like the image isn't long enough. though it should be.

It also only happens on pages where there is only one centerBoxHeading.

This is some what urgent, does anyone else have any theories?

- Jason

[daneh]

When I looked at your images yesterday I noticed that the sidebox_header.jpg has black where the corners are. I wondered if this was your problem.

Today I get the down for maint screen, and it looks like you fixed it.
It looks like you added an image without the black on the left end, which allowed the images to look like they are one.

Did you add an image, or was it a CSS problem?

[DieuxSoldat_04]

It only happens on the main/home page. I do believe it's a CSS problem. I still haven't figured it out yet.

The two image shaving the issue are these ones.



should go flush with



but the first image repeats itself for a few pixels right before it reaches the second image. As you can see, the first image does have a width of 624px which is the same width as the center column. I don't see what's causing this problem.

- Jason

[DieuxSoldat_04]

Fixed.

.centerColumnHeader {

padding 0em -10px;

}

TO

.centerColumnHeader {

padding 0em -4px;

}

Thanks!