Preserved Topic: Rollover without images? (Page 1 of 1)

Hey guys.. I am trying to figure something out but I can't get it how its done...

what I want to do is to create a simple rollover image (when you hoover over the link button it will just change a color) you know, the pretty much most basic rollover. BUt, I don't want to use 2 images. I saw it done on some websites and of course, I tried to find them again, but since I need them now, I can't find them.. thats my luck..

anyways...

how is it done without having 2 images??? would it be css???

MAX

hi

are you sure that it was an image an not
plain text over an image?

cu
~Xdreamer.ch~

Yep, that can be done with CSS:

If you have a couple of links with class="menu" you can change the rollover appearance with this line:

a.menu:hover { background-color: #ffee00; }

I'd also suggest a padding and constant width to make the links look more menu-like if that's what you're going to use them for.

kuckus (cell #282)

css or you can do dynamic image-manipulation using a server side scripting language and maybe some graphic add-ons.

yup.. I am sure it wasn't an image

what I saw was links where they were in a box of dotted line. They had Pixel font as a link and when you go over the link, the inside of the box was changing color but the text didn't change...

see the way I check it to make sure its not an image is that when you right click on it and you see the option to see the code, that means its not an image....but if you see "save image as" then you know its an image...

correct me if I am wrong

dammit, I am trying to find this site where I saw it but I think I will give up! I can't remember where I saw it! :mad

MAX

Umm... did you read what I posted above?

look at kuckus posting max

cu
~Xdreamer.ch~

http://www.alistapart.com/stories/rollovers/

Later,
C:\


~Binary is best~

Have a look at the pure CSS menus at http://www.meyerweb.com/eric/css/edge/

<edit>
Thinking some more about your original question, pixelfonts are generally used in images. BUT if you create you image with a transparent background, set your A:hover for a different background color than the page, PRESTO! Rollover background color change without a second image or any javascript.
</edit>


"the most incredible feats are often accomplished by
those who have had the most incredible challenges"

[This message has been edited by brucew (edited 07-02-2002).]

We're doing both the link text color change via CSS and the background image change via CSS on a site we're working on at http://gosschiro.runningwolf.com/

There is no javascript being used for the rollovers at all. Feel free to check the source.

http://www.w3.org/Style/CSS/

read it.