Rollover help

Question

I am trying to redo a website for a friend with dw cs3 . I
dont have alot of creative lattitude, mostly just redo the site
with same layout except convert to css from a 6 year old ms
frontpage design (ugh!) that used nothing but tables and frames for
layout (ugh! again!). The menu button images given to me consist of
the same image, one with blue accent, one with red accent and no
text. I tried a css menu layout that swapped background images with
text overlayed (black letters, no change on mousover needed). This
way I could change menus at will on site maintenance etc without
making 2 new buttons if someone gets married or a product changes
names, just change the text in the code. I hand coded the menu in a
ul element and used css for image swap. it worked ok in IE, was
awful in mozilla, and I have wasted too much time trying to make it
work (friend wanted to not use js for some reason.. site is purely
xhtml with no flash etc, so it shouldnt cause loading speed issues
with js mouseovers)... so I am now looking to just use the original
behaviors in DW as intended, but cant figure out how to do it with
the text overlay and just background swap the images in the
javascript behaviors. Do I just need to make 2 new buttons for each
thing and move on, hoping maintenance wont be too big of an issue
with making new ones each time or is thier hope?

Answer 1

This is a good method to use, usually. Can you post a link to
a page where
you have tried it?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"vwgn" <[email protected]> wrote in message
news:g6ecie$7l7$[email protected]..
>I am trying to redo a website for a friend with dw cs3 .
I dont have alot
>of
> creative lattitude, mostly just redo the site with same
layout except
> convert
> to css from a 6 year old ms frontpage design (ugh!) that
used nothing but
> tables and frames for layout (ugh! again!). The menu
button images given
> to me
> consist of the same image, one with blue accent, one
with red accent and
> no
> text. I tried a css menu layout that swapped background
images with text
> overlayed (black letters, no change on mousover needed).
This way I could
> change menus at will on site maintenance etc without
making 2 new buttons
> if
> someone gets married or a product changes names, just
change the text in
> the
> code. I hand coded the menu in a ul element and used css
for image swap.
> it
> worked ok in IE, was awful in mozilla, and I have wasted
too much time
> trying
> to make it work (friend wanted to not use js for some
reason.. site is
> purely
> xhtml with no flash etc, so it shouldnt cause loading
speed issues with js
> mouseovers)... so I am now looking to just use the
original behavior as
> intended, but cant figure out how to do it with the text
overlay and
> background
> swap in the javascript behaviors. Do I just need to make
buttons for each
> thing
> and move on, hoping maintenance wont be too big of an
issue with making
> new
> buttons or is thier hope?
>
>