By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
464,761 Members | 1,007 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 464,761 IT Pros & Developers. It's quick & easy.

link buttons

html on wheels
P: 35
I figured out how to do rollovers with javascript today: Original button color --> roll the mouse over it --> different color. The problem is that the graphical buttons come within a rectangle of white space. This contrasts horribly with my khaki background. Any ideas on ways to fix this?

Also most of the free-button websites I have seen have really "fancy" buttons and I just want simple ones to work with. Any ideas of a good source?
Feb 17 '07 #1
Share this Question
Share on Google+
3 Replies

acoder
Expert Mod 15k+
P: 16,027
What code do you have? Do you simply want nice images or do you want to style the buttons using CSS and on hover change the style?
Feb 19 '07 #2

html on wheels
P: 35
<a href="mailto:myemail@hotmail.com."
onMouseOver="document.image1.src='button.gif'"
onMouseOut="document.image1.src='button_2f'">
<img src="button.gif" name="image1">
</a>


The buttons are contained in a square of white background.
Feb 20 '07 #3

acoder
Expert Mod 15k+
P: 16,027
<a href="mailto:myemail@hotmail.com."
onMouseOver="document.image1.src='button.gif'"
onMouseOut="document.image1.src='button_2f'">
<img src="button.gif" name="image1">
</a>


The buttons are contained in a square of white background.
onmouseover should contain the second image (button_2f) for the rolloevr to work properly. Also, shouldn't button_2f have an extension.

As regards to your image problem, one possibility is to create transparent images using an image editor, e.g. cut the button image (everything besides the white) and create a new image with a transparent background.
Feb 20 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.