Topic: Tidy rollovers? (Page 1 of 1)

The script that I uh... found... is kinda clumsy. Is there a simpler way?

CSS?

Something that doesnt rely on javascript?

Or at least some copyright free rollover that allows a page to validate when the script is external?

______________
Is This Thing On?

Webbing; the stuff that sticks to your face.

yeah you can add an image to the anchor, then change it for the hover pseudo-class...

eg..

a {

 background: url(tabOff.gif) no-repeat;

}



a:hover {

 background: url(tabOn.gif no-repeat;)

}

That should just about do it, off the top of me head

Cheers,

This might be helpful
http://wellstyled.com/css-nopreload-rollovers.html

quote:

---

Blaise said:

yeah you can add an image to the anchor, then change it for the hover pseudo-class...eg..
code:

a {
background: url(tabOff.gif) no-repeat;
}

a:hover {
background: url(tabOn.gif no-repeat
}


That should just about do it, off the top of me head Cheers,

---

Cool... thanks!

Can I add;

anclick {
background: url(tabclick.gif no-repeat
}


hmmm, seems like an extra slimey appeared in there.

Basically i'm looking for three states;

normal

hover

clicked

I know that once clicked the page changes... but it is more for me than the visitor. Because I click and hold to see if anything else is happening.

I've got a button, I know, I know, that's the 90's, but I dont care

He he he, So anyways, I got this button;
on hover it lights up
when clicked it pixelates almost like a disintergration thing...

, ,


______________
Is This Thing On?

Webbing; the stuff that sticks to your face.

(Edited by UnknownComic on 12-01-2004 00:34)

UnknownComic: ?! do you see a nclick pseudo classe in CSS 2 specifications : The dynamic pseudo-classes: :hover, :active, and :focus ?

[edit] In fact, for the clicked element, you need to assign it a class. And as a side note, I doubt it is a good idea to pixelize a navigation element. [/edit]



(Edited by poi on 12-01-2004 00:40)

He he he, as soon as I finished my edit, I looked at the link nathus posted and saw that exact same thing.
I would have edited out my naming faux PA, but then the thread continuity would have been milfed and people would wonder what you were going on about. So I leave my carelessness there for all to marvel.

I think I'm just gonna do a page with ALL CAPITALS in my html, no css, and make it the ugliest code ever!

Now how do I attatch a class to the "a href" tag?

______________
Is This Thing On?

Webbing; the stuff that sticks to your face.

<a href="#" class="foo">bar</a>

on that note, how would I go about styling a UL in my .css



Some people say I'm a dreamer, but I'm not the only one (John Lennon)

with gusto and reckless abandon? *rimshot*

but seriously folks... just like anything else?! What in particular are you talking about? If you're looking for navigational link list type stuff or just some list reference material here

quote:

---

JKMabry said:

<a href="#" class="foo">bar&lt;/a&gt;

---

bar?

is that just foo or an actual thing?

If I am using the images above and they are included in the css... what do i put between the ><

*PoP*

oops blew a brain cell, anyone hear a popping sound?

______________
Is This Thing On?

Webbing; the stuff that sticks to your face.

If you are using images, just don't put anything in between the <a> and the </a>.

If you want text on the images, that's where it would go.

"Any sufficiently advanced technology is indistinguishable from magic." -- Arthur C. Clarke
"Any sufficiently arcane magic is indistinguishable from technology." -- P. David Lebling

UnknownComic: IMHO you should use/read the specs more often. For sure it's painfull at first, but it drastically improve the learning curve.

HTML 4.01 Specification : Element identifiers: the id and class attributes.

bar is indeed, just foo

So in a sense, it is foobar

I know I should read, but...[insert excuse here]

______________
Is This Thing On?

Webbing; the stuff that sticks to your face.

thanks for the links JK, 'preciate it


...Of all the things I've lost, I miss my mind the most (ozzy osbourne)