/    Sign up×
Community /Pin to ProfileBookmark

How to change from images to a background color change?

Copy linkTweet thisAlerts:
Nov 09.2003

?

I have a web site for my archery club and I wanted to put a view of how the scoring is to be done.

I found a piece of Javascript and CSS coding that almost fits the problem.
But the problem is I really don’t know enough of the programing to change it . So I am asking for a little help.
Currently the code uses a gif image for buttons.

What I would like to do is to change it to a simple background color change.
Like the example on this page.
[URL=http://www.htmlcenter.com/tutorials/tutorials.cfm/154/CSS/]Example Page[/URL]

Here is what my page looks like.
[URL=http://home.att.net/~tiyogi2/new_3d/multipe_mouseovers_00n.htm]My mouseover page[/URL]

I hope I have explained what I want to do.

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@Paul_JrNov 09.2003 — Your mouseover link leads to a blank page.
Copy linkTweet thisAlerts:
@TiYogiauthorNov 09.2003 — Hi Paul,

yes for right know it leads to a blank page.

I will fix it once I find out how I can change the Blue gif to plain text.


I just want plain text to have a background color change . I do not want to have to us a gif button or image.

You see the gif I am using is 10k where as plain text is nothing . Why waste the time to down load 10k when there is a way of doing the samething for less. I am on a dail up and it take awhile to download even 10k if you multiply it by 8 .

So how to I change the gif to plain text?
Copy linkTweet thisAlerts:
@PunkSktBrdr01Nov 09.2003 — Well, if you want, for example, to have the "Superkill" text on a red background, you use:

[CODE]
<style type="text/css">
.buttons a {
width: 100px;
height: auto;
text-align: center;
color: #000000;
background-color: #FF0000;
}
.buttons a:hover, .buttons a:active {
background-color: #0000FF;
}
</style>
[/CODE]

To use this, make replace each image with <a href="#" class="buttons">...</a>. When the mouse is off the link, it will have a red background, and when the mouse is on, it will have a blue background.
×

Success!

Help @TiYogi spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...