CSS Forum

**EGS** · 05-09-2007, 09:18 PM

Hello, and thanks very much for taking the time to help me.

I'm having some CSS problems with my very simple design. The problem lays in my Pontiac Grand Am Resource website.

I have two problems, all in which I know are problems with the CSS. Images that I have on in DIV's for some reason have a really thick gray bar underneath of them, as seen on the main page of the site towards the bottom. I did indeed set a small border on images in general, which is seen, but I don't know why this large thick border underneath is displaying. Is it because I have the image linked to something? Should I create attributes in CSS for images being linked not to have that border? If so, how? I really don't know how to fix it.

My other problem lies specifically on the main page of the site. For some reason, my DIV ID imgbox is going towards the bottom right above the footer, but below the menu. I'd like it to be just right underneath the main content.

Well, if any of you could assist me, please do. I really appreciate it, and will give you some nice positive Talkupation.

Thank you.

Feel free to check out the source code, but do not steal, replicate, etc.

**houdini987** · 05-09-2007, 10:42 PM

Hi - I'm not seeing any big thick gray borders in IE7, but I do see it in FF.

I think there's a syntax error in your css file. You have a comma where you shouldn't:

p, { ...it wouldn't validate in my version of VWD because of that comma.

Sorry but I can't figure out why those gray boxes are showing up, I'm still pretty new at css myself. I wonder if it has something to do with background colors and padding/margins.

**vangogh** · 05-10-2007, 01:55 AM

The thick line underneath the images is actually coming from the background color you have set for the link around it

#content a:link, #content a:active, #content a:hover, #content a:visited {
background-color: #666;
color: #000;
text-decoration: underline;
}

For the imgbox it's a matter of having set the width to high

#imgbox {
float: left;
text-align: center;
width: 85%;
}

The only way to get in the 85% is to have it drop below the menu on the left. It might be easier to set the imgbox using px since I'm guessing it will always be the same size.