Spacer Image

[smilinjack]

Greetings,
I utilized spacers and it worked fine except that you see the border and the small image box with the red "X" in it.
This defeats what I am trying to accomplish.
Help is as always, much appriciated!

Jack

<Sorry, no personal URLs. See TOS [webmasterworld.com]>

[edited by: tedster at 6:43 pm (utc) on Nov. 7, 2004]

[Sanenet]

URLs are against the TOS, jack. The moderators will remove it, but don't you think they've got enough to do already? :)

The X comes up because the browser can't find your image. Right click it, go to properties, look at the file name and see where the problem is.

The border can be fixed by setting border="0" in the img src, it's caused because it's within a href.

Hope that helps!

[smilinjack]

Didn't realize that.
Should I post the actual code?
Anyway, yeah I know why it is appearing; just need to get rid of it.
If the spacer shows any sort of image it is useless.
Is a spacer the best way to accomplish this?

Thanks,
Jack

[Sanenet]

Best way to do a spacer image is to create a 1x1 transparent gif, and just expand it to the size you need.

[smilinjack]

Thanks!
Yeah, I created what i believed to be a transparent image with "LView".
But as yuou can see, there is still content within the image.
Any ideas on how to correct it?

Thanks,
Jack

[tedster]

LView is capable of creating a transparent gif - I've never used the software, but their website makes it clear. I suggest you check into the software's help files - it's a common enough function.

On most image software, you need to be careful that "transparency" is actually checked off or included somehow when you choose a final palette for your image - since it's not a "real" color. Otherwise it will shift to your background color.

[tbear]

Hmmmm, if you are getting a square with a red cross in it then the image is not showing (being found).
Be sure that the path to your image is correct.

[ronin]

smilinjack> Unless you're looking for pixel perfect precision, you'll find that using &nbsp; will work better as a spacer than a transparent gif - just for that one time in 500, when the gif download gets stuck in the pipe.

However using either &nbsp; or a transparent gif is a bit late nineties these days.

Far better to use css such as:

<... style="margin:2em; padding:1em;">

Lots more help on this sort of thing in the CSS Folder [webmasterworld.com].