Click here to get back home

Image overlay for non square buttons

 HomeNewsGroups | Search | About
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
Image overlay for non square buttons Robert Peden 09-08-2004
Posted by Robert Peden on September 8, 2004, 11:52 pm
Please log in for more thread options
Hi All,

I have used javascript to chamge a button's image when the mouse moves
over the button (graphic) without problems. But I have come upon a new
challenge - buttons which overlay each other slightly. The buttons are
square with a half circle on the bottom side which almost merges with
the next button (there is a half circle notch in the top of the next
button which is filled in with the half circle on the bottom of the last
circle.

Is there any way - through css, html, javascript, etc, to make a button
that changes as the moves over it with such a non-standard shaped image?
If so please help... any suggestions, ideas or comments welcome.

TIA,

--Rob

--
To reply, remove the first letter in the e-mail address.


Posted by Els on September 9, 2004, 7:06 am
Please log in for more thread options
Robert Peden wrote:

> Hi All,
>
> I have used javascript to chamge a button's image when the
> mouse moves over the button (graphic) without problems.
> But I have come upon a new challenge - buttons which
> overlay each other slightly. The buttons are square with a
> half circle on the bottom side which almost merges with the
> next button (there is a half circle notch in the top of the
> next button which is filled in with the half circle on the
> bottom of the last circle.
>
> Is there any way - through css, html, javascript, etc, to
> make a button that changes as the moves over it with such a
> non-standard shaped image? If so please help... any
> suggestions, ideas or comments welcome.

Not sure if I understand you right, but aren't you using images?
Maybe you're in want of square images with a transparent
background and a rounded non-transparent foreground?

Or is it that you already have those but want to know if they
can be changed on mouse over? Well, yes they can, like any other
image.

Meaning: I think I don't understand your problem :-)

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -


Posted by rf on September 9, 2004, 7:25 am
Please log in for more thread options
Robert Peden

> Is there any way - through css, html, javascript, etc, to make a button
> that changes as the moves over it with such a non-standard shaped image?
> If so please help... any suggestions, ideas or comments welcome.

Image maps.
http://www.w3.org/TR/html4/struct/objects.html#h-13.6

--
Cheers
Richard.




Similar ThreadsPosted
Baby-G Square Watch White w/ Pink CABG180-8 - Replica Watch Fake April 22, 2008, 7:36 am
html tags and December 27, 2004, 10:02 am
Weird z-index problem (images overlay dynamic menus) October 5, 2007, 1:16 am
Order of buttons? October 6, 2005, 9:37 am
Help With RSS Red Feed Buttons October 21, 2006, 3:56 pm
Font-size buttons October 6, 2005, 9:42 am
Forward and Back buttons? May 14, 2005, 8:40 am
What would cause radio buttons to not be clickable? May 1, 2006, 3:56 pm
Multiple groups of radio buttons with same name? September 30, 2004, 7:32 am
Multiple submit buttons problem August 18, 2006, 6:46 am

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap