css and interactive buttons

[Guest]

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.

 

[Murray]

Show me your page, please.

 

[Guest]

The site is missyandba.com; did you want the code? Thanks.

 

[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.

 

[Guest]

Many, many Thanks!!

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.

 

[Murray]

You're welcome.

--
Murray

Many, many Thanks!!

 

[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.

 

[Ronx]

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

 

[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.

 

[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)

 

[Murray]

Thanks. It seems a bit over the top to me! 8)