This topic is locked

Navigation graphics

Posted 27 Sep 2002 02:35:32
has voted
27 Sep 2002 02:35:32 Lisa Marchel posted:

I made a fireworks image that has the navigation buttons on the left-hand side and the banner on top all in one image; the rest is transparent. I want to use this image as an include file for webpages, but don't know how to make text be able to appear in the transparent portion. Do I have to cut up these sections into two and then use cells?


Replied 27 Sep 2002 10:07:25
27 Sep 2002 10:07:25 Julio Taylor replied:
there are 2 options that i can think of:

1. Cut the images, and assemble them using table structures, but only do this if yoiu're planning to use image maps or hotspots to link the buttons on the navbar.

2. Set the image as a background non-scrolling no-repeat image (using CSS or JScript). However this will render the image non-interactive and will only serve as a background image.

sorry if you already knew this, i'm just brainstorming. i think option #1 as you suggested is the best way to do it.... do you have a link to the image so i can see it?


Replied 27 Sep 2002 22:26:07
27 Sep 2002 22:26:07 Lisa Marchel replied:
Hi Poolio,

I'm trying your first option of putting them in a table, but am running into some problems. I did it both in Frontpage and in Dreamweaver and put them on the site.

Here's the urls;

Replied 27 Sep 2002 22:42:34
27 Sep 2002 22:42:34 Lisa Marchel replied:
By the way, thank you for the suggestions already. <img src=../images/fwzone/forum/icon_smile.gif border=0 align=middle>

Replied 28 Sep 2002 20:38:21
28 Sep 2002 20:38:21 Julio Taylor replied:
ah yes,

you need to set the table borders to 0, and it will get rid of the gaps. alsmo make sure the "Cellpad" and "Cellspace" are both set to 0 in the proerties.


Replied 30 Sep 2002 17:06:09
30 Sep 2002 17:06:09 Lisa Marchel replied:
Hi Poolio,

That worked beautifully! Thanks so much <img src=../images/fwzone/forum/icon_smile.gif border=0 align=middle> <img src=../images/fwzone/forum/icon_smile.gif border=0 align=middle> <img src=../images/fwzone/forum/icon_smile.gif border=0 align=middle> You the best!


Reply to this topic