So, following on from my ‘why don’t my buttons work’ thread last week, I ask my webgeek mate to help me do some nice buttons with rollover and hit states. Apparently, using Flash isn’t the way to do it.
‘So how do I do it, then?’
‘Use HTML’
‘How?’
‘give each of your links a class
so put class=”button”, or something inside the < a> tag
then in your stylesheet put:
.button{
width: button_graphic_width
height: button_graphic_height
display: inline-block;
text-indent: -99999px;
}
oh and also
background: url(‘/image/button_graphic’) 0 0 no-repeat;
or wherever you put the button graphics
then put:
.button:hover
{
background: url(‘/image/button_graphic_rollover’) 0 0 no-repeat;
}
you might need a different class for each link because the rollovers are different colours
or you could use two classes:
class=”button green-button”
and just change the button:hover to green-button:hover
and so on for each different link
there’ll be loads of examples on line
make some kind of sense?’
Er, no! I speak English, no some geek code. Can you not explain in real language, please?
Apparently not.
Do people lose the ability to communicate properly, when they get into doing all this ‘code’ stuff???
FWIW; the buttons actually appear, and have their rollover and hit states, but clicking on them doesn’t actually do anything. I have to place linked text underneath, which kind of defeats the object.
**** Geeks. I woon’t mind, but it’s us ‘arty types’ with a sense of aesthetics, that make your stuff look good! Who looks at the bloody code? Only other geeks!
FFS.