Replicating this with CSS? -> Shadow, Roundcorner, Gradient

[gjh42]

You have a lot of white space around the image in cornbg-l.gif. That's why you see the little corner of the image. You need to crop that to just the image. (Same with cornbg-r.gif, most likely.)

Also, you do need to uncomment the display: block;

    /*display: block;*/ /*this might be needed to make the span fill the heading*/

You need to change centerboxhead-new.gif to just the text on a transparent background, so you can see the cornbg images behind it.

[welchyboy]

Well that post was very helpful thank you for that. I am still having a little issues with it but it is looking better. It seems like the cornbg-l.gif is working just the way it should. Touches the left side just perfectly and looks great. However the cornbg-r.gif still looks like something is wrong in firefox. However in ie it looks much better but I can see where the two pieces meet with a line and it doesn't stretch all the way to the end. I then made it longer and still the same effect. Cornbg-l is most wider so is there a way to maybe to shift the right piece more the the left or at least where it meets the left piece more in the middle? I did uncomment what you said and cropped both images as well. I also made the centerboxehead image with just text and all of that seems to be working correctly. Just need better alignment and to work in firefox. Any thoughts on this.

[gjh42]

Your stylesheet as well as the page display show that you have not uncommented the display: block;
Make it like this:

.centerBoxHeadingWrapper {
    background-image: url(../images/cornbg-r.gif);
    background-position: top right;
    background-repeat: no-repeat;
    display: block;
    }

It seems that somehow .centerBoxHeadingWrapper is getting a strangely squeezed version of cornbg-l instead of cornbg-r.

And also, cornbg-r does not need to be so long - 100px or so should be enough.

[welchyboy]

THANKS YALL ROCK!!! Everything seems to be working great. I will test it on a 19" widescreen when i get to work tomorrow to see how it looks on there. However I tried it with multiple resolutions and seemed to do great and it is much clearer after redoing the images to being not so stretch out. Is there anyway to do this type of thing with the flash banner? The only reason I ask is because I am wanting to change the flash banner to add a nice farm type picture however in order to have a picture in the banner the way i have it set up it will have to be EXTREMELY long because I have it set to like 1700 pixles so it will work for large resolutions. This makes editing a new banner very difficult. Is there an easy way to do this?

Also on a different note I have a question that is more of a newbie question and should be easy. I am having a hard time trying to get text on the product info page for descriptions. What I mean is the font is extremely close together and it jumbles up. I guess it is mainly if it is larger text but with the font I am trying to get it just doesn't seem to work right. You can see this is action on this page

http://www.wpc-consulting.com/~stxmi...&products_id=1

This should be an easy answer but I am just not sure what the deal is. I can put text on there and it works great as you can see on the other pages but for some reason the size I am trying to get or the font it just not jiving correctly. However I even tried Times New Roman and it still was really close together. Any thoughts on this. AGAIN THANKS THANKS THANKS FOR ALL THE HELP

[gjh42]

If you change #productDescription {} in product_info.css to
line-height: 2.8em;
it looks ok. It shouldn't need that extreme of an edit, but I haven't unraveled why it does that.

[welchyboy]

I figured it would be something simple. I will test that and let you know how it works. Thanks again.

[welchyboy]

TESTED!!! AND WORKS GREAT!! MAN YOU ARE AWESOME!