PDA

View Full Version : CSS table border issue



gx2000
11-04-2003, 10:15 PM
Help! I can't figure this one out..
http://www.globalspex.com/boca. (It is still in testing mode)
Do you see the bottom margin on the top banner that is cutting my circle image in half? For they life of me I can't figure it out. I need to remove the margin or padding that surrounding this table.

Here is the CSS code:
/* banner and top left corner image*/
#banner{
font-family: Georgia, Times New Roman, Times, serif;
background-color: #42437A;
color: #ffffff;
}
#banner table {
margin:0px;
padding: 0px;
}
#banner td{
background-color: #42437A;
}
#banner img {
margin: 0px;
padding: 0px;
background-position: top;
}

Here is the table code:
<div id="banner">
<table width="830" height="98" border="0" cellspacing="0" cellpadding="0">
<tr><td>images/logo1.gifimages/pic1.jpg images/pic2.jpg images/pic3.jpgimages/banner.jpg</td></tr></table>
</div>

Can someone offer a solution or tell me what I am doing wrong?

Thank you!
Christina Hawkins
http://www.globalspex.com

SyrenSong
11-04-2003, 10:54 PM
Hi gx2000.

Not trying to cause you to give yourself a forehead slap, but you seem to be missing your "banner.jpg" in your source code. Here's what I found on your page:



<div id="banner">
<table width="830" height="98" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
images/logo1.gif

images/pic1.jpg
images/pic2.jpg
images/pic3.jpg

</td>
</tr>
</table>
</div>


My first guess is that you need to fix your code to actually call the image. ;)

Don't worry, I've done that sort of thing myself. Then felt incredibly silly afterwards. lol!

If you try breaking up your code, instead of having it in one long line like it currently is, it'll be a lot less confusing when you're trying to resolve a simple problem.

If you're trying to save space and code-size, remove all the spaces and tabs after you've got the code working properly. That'll save you quite a few headaches. ;)

HTH!

gx2000
11-05-2003, 01:04 PM
Thank you SyrenSong for the time you took to help me out, but I do call the image banner.jpg in my code. I don't think you copied the entire code from the source. If I didn't you wouldn't see the top half of the circle and easter island picutre which is the banner.jpg image.

<div id="banner">
<table width="830" height="98" border="0" cellspacing="0" cellpadding="0">
<tr><td>images/logo1.gif
images/pic1.jpg images/pic2.jpg images/pic3.jpg
images/banner.jpg</td>
</tr>
</table></div>

I created it all on one line b/c Internet Explorer gets buggy if you move the </td> to the next line in your source code and will sometimes create an additional space.

I am calling the banner from a php file but I see that border on this file as well.

Help...I've got to figure this thing out.

Christina Hawkins
http://www.globalspex.com

gx2000
11-05-2003, 01:20 PM
Aargh... it was the spaces between each image. I thought I could save just a few kilobytes but it caused the extra height in the table cell. So I removed codes and created "spaces" in the images themselves.

SyrenSong
11-05-2003, 03:06 PM
I just took another look at your page and the code, both in Mozilla and IE.

There's no banner.jpg referenced anywhere on the page you've uploaded to your server.

I also tried to go directly to the image itself (<http://www.globalspex.com/boca/images/banner.jpg.), and the file isn't on the server in that location.

sorry! :(

Maybe what you're looking at is the file on your computer, rather than what's on the server.....?

gx2000
11-05-2003, 09:49 PM
SyrenSong,
Thank you. I was able to fix the original problem, it was the spaces. When you go to the webpage, the picture to the far right with the Easter Island and the top half of the circle is the banner.jpg image. I've had 3 other folks take a look at it for me and they see the image. Do you?

Could it be that I am using PHP includes for the top banner code? Could that be reason why it's not showing in the code?

Christina

le_gber
11-06-2003, 03:29 AM
SyrenSong,

I had a friend that had the same problem, he couldn't see a pic on his site and I could see it. The code for this image completely disapeared as well.

He finally realised that it was his firewall that was mis configured. Do you use a firewall, I think his was Norton's.

Leo

SyrenSong
11-06-2003, 10:02 AM
Good ol' Nortons. I recently installed it and have had several problems cropping up. You could be right, le_gber.

I'll have to check into it and make a few more changes to the settings. The software's been great about blocking attacks, but I've had several problems in other areas regarding access.

I'm guessing you see everything just fine, the way gx2000 describes it, le_gber?

le_gber
11-06-2003, 12:21 PM
SyrenSong,

Yes I do see the pic and the code she is talking about

Leo

SyrenSong
11-06-2003, 12:29 PM
I just checked the site on another computer, also using Norton. Same problem. Looks like I've got some software to set properly!

Thanks for the heads up, Leo!

My apologies for any confusion, Christina!