Help - CSS

[ZeptOr]

alright I have some rounded corners using css and javascript, but something weird is wrong with them that I can't figure out

http://greenear.x10hosting.com/Main/index4.html

if you look closely, the boxes with the text in it, for example, "Quote of the week", have a thin blue border around the rounded corners. Why is that there?

[Zenax]

OK, it seems that you have a border around the boxes.

Look around in your CSS files to see if you can find stuff relating to borders, and see if that changes.

If not, then I am stumped!

[Colin]

As zenax said you have borders set around the box element or whatever it is for your corners. If you don't know what to change post the code here and I or someone else can fix it for you.

[Cubeform]

I found the culprit!

When using the excellent Web Developer extension for Firefox, I found this interesting piece of code:



Take a look at the "bgcolor" attribute. Remove it, and your border thing will disappear. Check if the other boxes have a "bgcolor" attribute in it as well. Remove them.

Also, I found bundles of deprecated HTML (like the bgcolor attribute). Perhaps you should consider using CSS to duplicate that instead.

(Another thing is, Why are you using the Book Antiqua font? It's an exact replica of Palatino. ;))

[Fedlerner]

When using the excellent Web Developer extension for Firefox, I found this interesting piece of code

Which Firefox extension are you using???

[Cubeform]

Which Firefox extension are you using???

This one.

[ZeptOr]

thanks a lot

I got another question, I am trying to get rid of the space between the top of my site and the top of my header, and also the space between the bottom of my site and my footer. How do you do that?

[mattyranks]

what space are you talking about?

do you mean the grey part at the top?

[Zenax]

Simply set the margins on the body to 0

body
{
margin: 0px;
padding: 0px;
}

[ZeptOr]

Thanks Zenax

One more question. For those of you with both firefox and IE, try viewing my website using both. I added a drop shadow PNG to the sides of my site. Firefox displays it perfectly, but IE does not. I realize that this is because IE does not display transparency with PNG, but it does with gif, The only problem is that I can't save a transparent gradient image in gif. How do I get the drop shadow to work properly in IE?