PDA

View Full Version : This has got to be an easy fix


mangoman
Jan 2, 2004, 01:30 PM
Can somebody hook a brothah up? I'm in the process of rebuilding my Custom site. Just laying out the first page now in Dreamweaver and I'm getting this little space between two table cells:

www.customartco.com

You'll see the space between the main image. Can't figure out how to close that gap... Anyone know the answer?

Thanks!

- Mangoman
WYSIWYG Dreamweaver Dork

mnkeybsness
Jan 2, 2004, 08:19 PM
on line 47, did you mean the following:
<img src="/images/spacer2.jpg" width="1" height="357">
and not
<img src="/images/spacer2.jpg" width="357" height="1">

mangoman
Jan 2, 2004, 08:27 PM
I figured it out... sort of... by using spacers. The result is that I don't see that aggravating space in between table cells. I'm really lame when it comes to troubleshooting code - - but I'm learning.

If you haven't seen the site in the last hour or so, take a peek. I've got three pages live: home, about and contact. No funky spaces. The last three pages will come in the next week. Or so...

By the way, mnkeybsness, thanks for your response. You seem to be all over this Web Dev section, and it's good to know someone's watching out. I hope to return the favor.

Cheers (off to watch the Bucks lose at the local pub),

- mangoman

mnkeybsness
Jan 3, 2004, 01:01 AM
I've got good news and bad news for you mangoman...

The good news:
Safari, Internet Explorer Mac, and Opera all display the site as you intended.

The bad news:
Mozilla, Mozilla Firebird, Camino, and Internet Explorer Windows all still have display issues.

here's the fix...
you say that you are using "spacers"... spacers are generally transparent gifs 1px by 1px scaled to fit the area that is needed to offset something... though not the best way to do this, it works. what you have done is just sliced your image a bunch of times.

instead of doing that, just use one large image and make the table to that if puts the image in one cell.

PS: before Rower_CPU gets here, VALIDATE (http://validator.w3.org/) your pages!... align="absmiddle" is not a correct variable... replace all instances with align="middle" instead. and don't forget alt="short image description or title" for each image!