css and interactive buttons

B

BA Finstead

My site is filled with interactive buttons. I have been told by my aging
friends that the buttons are too small. I use css on all my pages. Is there
a way to change the size of the interactive buttons via css? Many Thanks.
 
M

Murray

Thanks! I can get all I need from the link you posted.

You will need to make new button images that are larger than the ones you
have there. There would be no way to affect the graphics you currently have
in any beneficial way with CSS. And, honestly, I'd ditch the interactive
buttons and just use simple image swaps (you'd just need two images for each
button: an up and an over image, and then swap between them), since the
interactive buttons are only supported in IE/Windows.

By the way, in your pseudo-class styles, you need to make the rules like
this -

A {
FONT-WEIGHT: bold;
FONT-FAMILY: sans-serif;
TEXT-DECORATION: none
}
A:link {
FONT-WEIGHT: bold;
FONT-FAMILY: sans-serif;
TEXT-DECORATION: none
}
A:visited {
FONT-WEIGHT: bold;
FONT-FAMILY: sans-serif;
TEXT-DECORATION: none
}
A:active {
FONT-WEIGHT: bold;
FONT-FAMILY: sans-serif;
TEXT-DECORATION: none
}

(i.e., link, then visited, then active)

But since they are all the same, just change it to this -

A {
FONT-WEIGHT: bold;
FONT-FAMILY: sans-serif;
TEXT-DECORATION: none
}

and it will affect them all.
 
B

BA Finstead

Many, many Thanks!!

Murray said:
Thanks! I can get all I need from the link you posted.

You will need to make new button images that are larger than the ones you
have there. There would be no way to affect the graphics you currently have
in any beneficial way with CSS. And, honestly, I'd ditch the interactive
buttons and just use simple image swaps (you'd just need two images for each
button: an up and an over image, and then swap between them), since the
interactive buttons are only supported in IE/Windows.

By the way, in your pseudo-class styles, you need to make the rules like
this -

A {
FONT-WEIGHT: bold;
FONT-FAMILY: sans-serif;
TEXT-DECORATION: none
}
A:link {
FONT-WEIGHT: bold;
FONT-FAMILY: sans-serif;
TEXT-DECORATION: none
}
A:visited {
FONT-WEIGHT: bold;
FONT-FAMILY: sans-serif;
TEXT-DECORATION: none
}
A:active {
FONT-WEIGHT: bold;
FONT-FAMILY: sans-serif;
TEXT-DECORATION: none
}

(i.e., link, then visited, then active)

But since they are all the same, just change it to this -

A {
FONT-WEIGHT: bold;
FONT-FAMILY: sans-serif;
TEXT-DECORATION: none
}

and it will affect them all.
Click to expand...
 
R

Ronx

Interactive Buttons are images. You cannot change images with CSS.

The size of the buttons, and the fonts used, can be changed using the
button's property sheets, or when you create the button.
 
R

Ronx

Interactive Buttons, being image swaps, are supported by all browsers on all
platforms.
 
M

Murray

Perhaps I'm confused by the CSS behaviors, then, Ron. What's that about?

I did see the ordinary image swaps - also tell me why the onmousedown and
onkeypress events are in there, too, please.
 
R

Ronx

onmousedown and onkeypress do a further image swap.
The Interactive Button has three states - normal, hovered and pressed,
though on a good connection if the button loads a new page the pressed state
may never be seen.

CSS behaviours - manipulating layers? Using IBs as the trigger for a DHTML
menu can indeed lead to confusing code, though this again seems to be cross
browser/platform safe, as long as NN4 is catered for. (Use behaviours for
visibility.hide as well as style.visibility.hidden)
 
Top