web template images not displaying on all pages

[Guest]

I created a web template with two .jpg images in the header. The first one
appears on pages updated yesterday, but will not show in pages I have
'template-ized' today. The the second image (which I added to the template
today) it won't show on ANY page. In fact, neither image will display on
test pages I created while troubleshooting this problem. I checked the FTP
folders to make sure the images are in there, and they are. Any ideas? This
is the address:

www.divers-e.com/IMC

Thanks!

Ellen

 

[Steve Easton]

1. Your images are word art and word art only works in IE. Other browsers display a degraded image.
Take screenshots of the page. Edit the screen shot in an image editor and cut out the word art sections
and save them as .jpg images.
Remove the word art from the page and replace it with the images.

2. The z index of the left image is set at 1. The z index of the right image is set at 0
3. You've used the space bar to position elements on the page. This is a no no.


--
Steve Easton
Microsoft MVP FrontPage
FP Cleaner
http://www.95isalive.com/fixes/fpclean.htm
Hit Me FP
http://www.95isalive.com/fixes/HitMeFP.htm

 

[Guest]

Thanks, Steve,

I don't understand about the word art. One of these images is a GIF and
the other is a JPG (their names have those extensions) Any other possible
causes? The odd thing is the inconsistency . . . I would expect them to
work (or not work) on all pages.

 

[Mark Fitzpatrick]

Ellen,
However the pictures were inserted, there is informaton about them
that uses Word art. It looks as if you used Word art to position them in
certain spots. That's realyl the problem here I believe. You should probably
delete both images. Then look in the top table cells to see if there is any
funky VML code there that is used by word art. Best yet, empty out those
problem cells. Now, what you want to do is to use the tables again to
position the pictures in the right spots. Never use word art to do this as
you'll get this sort of issue again. Instead of using non-breaking spaces to
position the images over, put a gif image that's completely white there
instead. Usually most designers have a spacer gif image that's 1 pixel high
by 1 pixel wide and is essentially just a white dot where white is set as
the transparent color. You can insert this little spacer image anywhere you
want, then set the width and height attributes to be whatever you need them
to be in order to get the sizing or positioning right on your table cells.