PC Review


Reply
Thread Tools Rate Thread

css and interactive buttons

 
 
=?Utf-8?B?QkEgRmluc3RlYWQ=?=
Guest
Posts: n/a
 
      13th Feb 2005
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.
--
BA Finstead
 
Reply With Quote
 
 
 
 
Murray
Guest
Posts: n/a
 
      13th Feb 2005
Show me your page, please.

--
Murray

"BA Finstead" <(E-Mail Removed)> wrote in message
news:B37AD95C-433F-4A62-B1AD-(E-Mail Removed)...
> 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.
> --
> BA Finstead



 
Reply With Quote
 
=?Utf-8?B?QkEgRmluc3RlYWQ=?=
Guest
Posts: n/a
 
      13th Feb 2005
The site is missyandba.com; did you want the code? Thanks.

"Murray" wrote:

> Show me your page, please.
>
> --
> Murray
>
> "BA Finstead" <(E-Mail Removed)> wrote in message
> news:B37AD95C-433F-4A62-B1AD-(E-Mail Removed)...
> > 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.
> > --
> > BA Finstead

>
>
>

 
Reply With Quote
 
Murray
Guest
Posts: n/a
 
      13th Feb 2005
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

"BA Finstead" <(E-Mail Removed)> wrote in message
news:542B3C4A-3CED-494E-A838-(E-Mail Removed)...
> The site is missyandba.com; did you want the code? Thanks.
>
> "Murray" wrote:
>
>> Show me your page, please.
>>
>> --
>> Murray
>>
>> "BA Finstead" <(E-Mail Removed)> wrote in message
>> news:B37AD95C-433F-4A62-B1AD-(E-Mail Removed)...
>> > 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.
>> > --
>> > BA Finstead

>>
>>
>>



 
Reply With Quote
 
=?Utf-8?B?QkEgRmluc3RlYWQ=?=
Guest
Posts: n/a
 
      13th Feb 2005
Many, many Thanks!!

"Murray" wrote:

> 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
>
> "BA Finstead" <(E-Mail Removed)> wrote in message
> news:542B3C4A-3CED-494E-A838-(E-Mail Removed)...
> > The site is missyandba.com; did you want the code? Thanks.
> >
> > "Murray" wrote:
> >
> >> Show me your page, please.
> >>
> >> --
> >> Murray
> >>
> >> "BA Finstead" <(E-Mail Removed)> wrote in message
> >> news:B37AD95C-433F-4A62-B1AD-(E-Mail Removed)...
> >> > 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.
> >> > --
> >> > BA Finstead
> >>
> >>
> >>

>
>
>

 
Reply With Quote
 
Murray
Guest
Posts: n/a
 
      13th Feb 2005
You're welcome.

--
Murray

"BA Finstead" <(E-Mail Removed)> wrote in message
news5CDF736-4C7E-4BD5-BC1F-(E-Mail Removed)...
> Many, many Thanks!!
>
> "Murray" wrote:
>
>> 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
>>
>> "BA Finstead" <(E-Mail Removed)> wrote in message
>> news:542B3C4A-3CED-494E-A838-(E-Mail Removed)...
>> > The site is missyandba.com; did you want the code? Thanks.
>> >
>> > "Murray" wrote:
>> >
>> >> Show me your page, please.
>> >>
>> >> --
>> >> Murray
>> >>
>> >> "BA Finstead" <(E-Mail Removed)> wrote in message
>> >> news:B37AD95C-433F-4A62-B1AD-(E-Mail Removed)...
>> >> > 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.
>> >> > --
>> >> > BA Finstead
>> >>
>> >>
>> >>

>>
>>
>>



 
Reply With Quote
 
Ronx
Guest
Posts: n/a
 
      14th Feb 2005
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.

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


"BA Finstead" <(E-Mail Removed)> wrote in message
news:B37AD95C-433F-4A62-B1AD-(E-Mail Removed)...
> 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.
> --
> BA Finstead



 
Reply With Quote
 
Ronx
Guest
Posts: n/a
 
      14th Feb 2005
Interactive Buttons, being image swaps, are supported by all browsers on all
platforms.

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


"Murray" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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
>
> "BA Finstead" <(E-Mail Removed)> wrote in message
> news:542B3C4A-3CED-494E-A838-(E-Mail Removed)...
>> The site is missyandba.com; did you want the code? Thanks.
>>
>> "Murray" wrote:
>>
>>> Show me your page, please.
>>>
>>> --
>>> Murray
>>>
>>> "BA Finstead" <(E-Mail Removed)> wrote in message
>>> news:B37AD95C-433F-4A62-B1AD-(E-Mail Removed)...
>>> > 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.
>>> > --
>>> > BA Finstead
>>>
>>>
>>>

>
>



 
Reply With Quote
 
Murray
Guest
Posts: n/a
 
      14th Feb 2005
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.

--
Murray

"Ronx" <(E-Mail Removed)> wrote in message
news:%(E-Mail Removed)...
> Interactive Buttons, being image swaps, are supported by all browsers on
> all platforms.
>
> --
> Ron Symonds (Microsoft MVP - FrontPage)
> Reply only to group - emails will be deleted unread.
>
>
> "Murray" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> 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
>>
>> "BA Finstead" <(E-Mail Removed)> wrote in message
>> news:542B3C4A-3CED-494E-A838-(E-Mail Removed)...
>>> The site is missyandba.com; did you want the code? Thanks.
>>>
>>> "Murray" wrote:
>>>
>>>> Show me your page, please.
>>>>
>>>> --
>>>> Murray
>>>>
>>>> "BA Finstead" <(E-Mail Removed)> wrote in message
>>>> news:B37AD95C-433F-4A62-B1AD-(E-Mail Removed)...
>>>> > 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.
>>>> > --
>>>> > BA Finstead
>>>>
>>>>
>>>>

>>
>>

>
>



 
Reply With Quote
 
Ronx
Guest
Posts: n/a
 
      15th Feb 2005
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)

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


"Murray" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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.
>
> --
> Murray
>
> "Ronx" <(E-Mail Removed)> wrote in message
> news:%(E-Mail Removed)...
>> Interactive Buttons, being image swaps, are supported by all browsers on
>> all platforms.
>>
>> --
>> Ron Symonds (Microsoft MVP - FrontPage)
>> Reply only to group - emails will be deleted unread.
>>
>>
>> "Murray" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>>> 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
>>>
>>> "BA Finstead" <(E-Mail Removed)> wrote in message
>>> news:542B3C4A-3CED-494E-A838-(E-Mail Removed)...
>>>> The site is missyandba.com; did you want the code? Thanks.
>>>>
>>>> "Murray" wrote:
>>>>
>>>>> Show me your page, please.
>>>>>
>>>>> --
>>>>> Murray
>>>>>
>>>>> "BA Finstead" <(E-Mail Removed)> wrote in message
>>>>> news:B37AD95C-433F-4A62-B1AD-(E-Mail Removed)...
>>>>> > 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.
>>>>> > --
>>>>> > BA Finstead
>>>>>
>>>>>
>>>>>
>>>
>>>

>>
>>

>
>



 
Reply With Quote
 
 
 
Reply

Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Interactive Buttons AND Hover Buttons =?Utf-8?B?Q2FudWNrU3VyZmVy?= Microsoft Frontpage 4 24th Nov 2006 09:56 PM
interactive buttons =?Utf-8?B?cmh3eHl6?= Microsoft Frontpage 6 1st Nov 2006 02:25 PM
Changing interactive buttons back to buttons in original theme. Chris Microsoft Frontpage 2 23rd Jun 2006 09:42 AM
Interactive buttons, hover buttons, and Java =?Utf-8?B?QXJsZW5l?= Microsoft Frontpage 1 21st Aug 2005 05:14 AM
Rollover Buttons / Not interactive buttons. Phillip Vong Microsoft Frontpage 6 13th Apr 2004 05:26 PM


Features
 

Advertising
 

Newsgroups
 


All times are GMT +1. The time now is 06:04 AM.