<je****@gmail.com> wrote in message
news:11**********************@l41g2000cwc.googlegr oups.com...
I used Adobe Imageready to build a simple rollover navigation bar,
where the text will change color on a mouse over.
The working example can be found at:
http://www.akujunkan.com/test/NavBar.html
However, when I try to incorporate the javascript and code into another
table, the rollover stops working:
http://www.akujunkan.com/test/index.html
I'm pulling my hair out over this. Why isn't the rollover working
correctly in the second example? What did I miss in the code? Any
advice would be greatly appreciated. Thanks in advance.
I suppose the point is moot since you're using css now instead of rollovers.
I see no reason to give up on using rollovers though. With css your text
options will be restricted to the visitors installed fonts. Rollovers offer
considerably more opportunity for creative expression.
I'd still like to know how you originally incorporated navbar.html with
index.html? The only difference I could see between the two pages is that
you deleted a couple of tags, IIRC one was something like "table id". Since
the table and the tags weren't completely identical between the two pages
this may have broken the rollover script. I'm no JavaScript expert so I
could be wrong and this wouldn't be the first time.
If I had wanted to combine those two pages I would have taken navbar.html
and added the graphics (with or without a separate table) above the existing
table and then saved that file with a new name. I would not have added the
graphic to the table containing the rollovers. Or I would have used
Imageready to add the graphic to navbar.html (with or without a separate
table) above the existing table and then saved that file with a new name.
Again I would not have added the graphic to the table containing the
rollovers.
When I use tables I only make them large enough to contain those items I
want to control the placement of in the horizontal plane.
Designing with tables is much simpler if don't restrict yourself to using a
single table and then using colspan or rowspan to arrange everything within
that table. Requiring everything on a page to fit inside a single table can
lead to some nightmarish problems!
Another way to say this is that I try to use colspan and row span only as
required to achive the design goal within a given table. I then start a new
table above or below the previous table a soon as the design goal will
permit.
I find it much simpler and more logical when designing a page to stack
smaller tables one on top of the other. Then if I need to I will place all
the tables inside a single table that encompasses the entire contents of the
page. Nesting tables inside each other works well for me.
Let me know how you fare with all of this.
Good Luck,
me