PC Review


Reply
 
 
Lisa A
Guest
Posts: n/a
 
      24th Nov 2005
If I want to have an external style sheet so I can make image rollovers, Do
I make the buttons on that sheet, then save it as a css file?
I've searched and searched and cannot find an easy step by step guide to
actually where to put what I need. I do know I need to put on the top of
each page, <style type="text/css">
I'm not sure of the correct path I need, since it is different from normal
url paths.
thanks,
Lisa a


 
Reply With Quote
 
 
 
 
Ronx
Guest
Posts: n/a
 
      24th Nov 2005
No.

You do not make image rollovers using CSS, you use JavaScript to swap
the images.
CSS can be used for text buttons - such as those at
http://css.maxdesign.com.au/listamatic/vertical12.htm
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/


"Lisa A" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> If I want to have an external style sheet so I can make image

rollovers, Do
> I make the buttons on that sheet, then save it as a css file?
> I've searched and searched and cannot find an easy step by step

guide to
> actually where to put what I need. I do know I need to put on the

top of
> each page, <style type="text/css">
> I'm not sure of the correct path I need, since it is different from

normal
> url paths.
> thanks,
> Lisa a
>
>



 
Reply With Quote
 
Murray
Guest
Posts: n/a
 
      24th Nov 2005
> You do not make image rollovers using CSS, you use JavaScript to swap
> the images.


Au contraire, monsieur Ronx.

Make a link. Use CSS to give it a background image. Make a CSS rule to
change the background image on hover. Bada bing, bada boom. A CSS
rollover. It's usually the only method I do anymore....

See for example this site's menu - http://www.redwoodfs.com
or this site's menu - http://www.savannahweddings.com

--
Murray
============

"Ronx" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> No.
>
> You do not make image rollovers using CSS, you use JavaScript to swap
> the images.
> CSS can be used for text buttons - such as those at
> http://css.maxdesign.com.au/listamatic/vertical12.htm
> --
> Ron Symonds - Microsoft MVP (FrontPage)
> Reply only to group - emails will be deleted unread.
> FrontPage Support: http://www.frontpagemvps.com/
>
>
> "Lisa A" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> If I want to have an external style sheet so I can make image

> rollovers, Do
>> I make the buttons on that sheet, then save it as a css file?
>> I've searched and searched and cannot find an easy step by step

> guide to
>> actually where to put what I need. I do know I need to put on the

> top of
>> each page, <style type="text/css">
>> I'm not sure of the correct path I need, since it is different from

> normal
>> url paths.
>> thanks,
>> Lisa a
>>
>>

>
>



 
Reply With Quote
 
Chris Leeds, MVP-FrontPage
Guest
Posts: n/a
 
      24th Nov 2005
I was just going to say that..

the only thing is I've noticed that (in earlier attempts) there's a little
bit of lag for the new button and the browser seemed to download the image
with each "hover".

--
Chris Leeds,
Microsoft MVP-FrontPage

If you make web sites for other people, you should check out ContentSeed:
http://contentseed.com/
--
"Murray" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
>> You do not make image rollovers using CSS, you use JavaScript to swap
>> the images.

>
> Au contraire, monsieur Ronx.
>
> Make a link. Use CSS to give it a background image. Make a CSS rule to
> change the background image on hover. Bada bing, bada boom. A CSS
> rollover. It's usually the only method I do anymore....
>
> See for example this site's menu - http://www.redwoodfs.com
> or this site's menu - http://www.savannahweddings.com
>
> --
> Murray
> ============
>
> "Ronx" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> No.
>>
>> You do not make image rollovers using CSS, you use JavaScript to swap
>> the images.
>> CSS can be used for text buttons - such as those at
>> http://css.maxdesign.com.au/listamatic/vertical12.htm
>> --
>> Ron Symonds - Microsoft MVP (FrontPage)
>> Reply only to group - emails will be deleted unread.
>> FrontPage Support: http://www.frontpagemvps.com/
>>
>>
>> "Lisa A" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>>> If I want to have an external style sheet so I can make image

>> rollovers, Do
>>> I make the buttons on that sheet, then save it as a css file?
>>> I've searched and searched and cannot find an easy step by step

>> guide to
>>> actually where to put what I need. I do know I need to put on the

>> top of
>>> each page, <style type="text/css">
>>> I'm not sure of the correct path I need, since it is different from

>> normal
>>> url paths.
>>> thanks,
>>> Lisa a
>>>
>>>

>>
>>

>
>



 
Reply With Quote
 
Murray
Guest
Posts: n/a
 
      24th Nov 2005
Yes - I have seen that....

--
Murray
============

"Chris Leeds, MVP-FrontPage" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
>I was just going to say that..
>
> the only thing is I've noticed that (in earlier attempts) there's a little
> bit of lag for the new button and the browser seemed to download the image
> with each "hover".
>
> --
> Chris Leeds,
> Microsoft MVP-FrontPage
>
> If you make web sites for other people, you should check out ContentSeed:
> http://contentseed.com/
> --
> "Murray" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>>> You do not make image rollovers using CSS, you use JavaScript to swap
>>> the images.

>>
>> Au contraire, monsieur Ronx.
>>
>> Make a link. Use CSS to give it a background image. Make a CSS rule to
>> change the background image on hover. Bada bing, bada boom. A CSS
>> rollover. It's usually the only method I do anymore....
>>
>> See for example this site's menu - http://www.redwoodfs.com
>> or this site's menu - http://www.savannahweddings.com
>>
>> --
>> Murray
>> ============
>>
>> "Ronx" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>>> No.
>>>
>>> You do not make image rollovers using CSS, you use JavaScript to swap
>>> the images.
>>> CSS can be used for text buttons - such as those at
>>> http://css.maxdesign.com.au/listamatic/vertical12.htm
>>> --
>>> Ron Symonds - Microsoft MVP (FrontPage)
>>> Reply only to group - emails will be deleted unread.
>>> FrontPage Support: http://www.frontpagemvps.com/
>>>
>>>
>>> "Lisa A" <(E-Mail Removed)> wrote in message
>>> news:(E-Mail Removed)...
>>>> If I want to have an external style sheet so I can make image
>>> rollovers, Do
>>>> I make the buttons on that sheet, then save it as a css file?
>>>> I've searched and searched and cannot find an easy step by step
>>> guide to
>>>> actually where to put what I need. I do know I need to put on the
>>> top of
>>>> each page, <style type="text/css">
>>>> I'm not sure of the correct path I need, since it is different from
>>> normal
>>>> url paths.
>>>> thanks,
>>>> Lisa a
>>>>
>>>>
>>>
>>>

>>
>>

>
>



 
Reply With Quote
 
Bob Lehmann
Guest
Posts: n/a
 
      24th Nov 2005
Murray's approach seems interesting enough. A really nice alternative to
JavaScript.

I was wondering about the image lag also, since there is no preloading of
the images done as there is a typical javaScript image swap. At first I
thought maybe the images would be loaded due to the reference in the
stylesheet, but apparently not.

Bob Lehmann

"Chris Leeds, MVP-FrontPage" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> I was just going to say that..
>
> the only thing is I've noticed that (in earlier attempts) there's a little
> bit of lag for the new button and the browser seemed to download the image
> with each "hover".
>
> --
> Chris Leeds,
> Microsoft MVP-FrontPage
>
> If you make web sites for other people, you should check out ContentSeed:
> http://contentseed.com/
> --
> "Murray" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
> >> You do not make image rollovers using CSS, you use JavaScript to swap
> >> the images.

> >
> > Au contraire, monsieur Ronx.
> >
> > Make a link. Use CSS to give it a background image. Make a CSS rule to
> > change the background image on hover. Bada bing, bada boom. A CSS
> > rollover. It's usually the only method I do anymore....
> >
> > See for example this site's menu - http://www.redwoodfs.com
> > or this site's menu - http://www.savannahweddings.com
> >
> > --
> > Murray
> > ============
> >
> > "Ronx" <(E-Mail Removed)> wrote in message
> > news:(E-Mail Removed)...
> >> No.
> >>
> >> You do not make image rollovers using CSS, you use JavaScript to swap
> >> the images.
> >> CSS can be used for text buttons - such as those at
> >> http://css.maxdesign.com.au/listamatic/vertical12.htm
> >> --
> >> Ron Symonds - Microsoft MVP (FrontPage)
> >> Reply only to group - emails will be deleted unread.
> >> FrontPage Support: http://www.frontpagemvps.com/
> >>
> >>
> >> "Lisa A" <(E-Mail Removed)> wrote in message
> >> news:(E-Mail Removed)...
> >>> If I want to have an external style sheet so I can make image
> >> rollovers, Do
> >>> I make the buttons on that sheet, then save it as a css file?
> >>> I've searched and searched and cannot find an easy step by step
> >> guide to
> >>> actually where to put what I need. I do know I need to put on the
> >> top of
> >>> each page, <style type="text/css">
> >>> I'm not sure of the correct path I need, since it is different from
> >> normal
> >>> url paths.
> >>> thanks,
> >>> Lisa a
> >>>
> >>>
> >>
> >>

> >
> >

>
>



 
Reply With Quote
 
Chris Leeds, MVP-FrontPage
Guest
Posts: n/a
 
      24th Nov 2005
It's my favorite.

--
Chris Leeds,
Microsoft MVP-FrontPage


 
Reply With Quote
 
Lisa A
Guest
Posts: n/a
 
      25th Nov 2005
OK,
I've found this option in page properties under the advanced tab and made a
text rollover, but would like to change the background of the button cell on
rollover as well.
Here is my sample: http://www.quarterhorsenetwork.com/home1.htm
Can I do more with this fp option?

I have searched and looked at the CSS articles, and see samples to use, but
can't figure out where to put it all.
I found this site and love the rollovers on this page;
http://www.webdevtips.com/webdevtips...examples.shtml and the
instructions on this page
http://www.webdevtips.com/webdevtips...rollover.shtml, but don't know
what path to use or where all this goes.
I'd love for someone to help me with the proper steps.
Lisa A


"Bob Lehmann" <(E-Mail Removed)> wrote in message
news:ezR%(E-Mail Removed)...
> Murray's approach seems interesting enough. A really nice alternative to
> JavaScript.
>
> I was wondering about the image lag also, since there is no preloading of
> the images done as there is a typical javaScript image swap. At first I
> thought maybe the images would be loaded due to the reference in the
> stylesheet, but apparently not.
>
> Bob Lehmann
>
> "Chris Leeds, MVP-FrontPage" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> I was just going to say that..
>>
>> the only thing is I've noticed that (in earlier attempts) there's a
>> little
>> bit of lag for the new button and the browser seemed to download the
>> image
>> with each "hover".
>>
>> --
>> Chris Leeds,
>> Microsoft MVP-FrontPage
>>
>> If you make web sites for other people, you should check out ContentSeed:
>> http://contentseed.com/
>> --
>> "Murray" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>> >> You do not make image rollovers using CSS, you use JavaScript to swap
>> >> the images.
>> >
>> > Au contraire, monsieur Ronx.
>> >
>> > Make a link. Use CSS to give it a background image. Make a CSS rule
>> > to
>> > change the background image on hover. Bada bing, bada boom. A CSS
>> > rollover. It's usually the only method I do anymore....
>> >
>> > See for example this site's menu - http://www.redwoodfs.com
>> > or this site's menu - http://www.savannahweddings.com
>> >
>> > --
>> > Murray
>> > ============
>> >
>> > "Ronx" <(E-Mail Removed)> wrote in message
>> > news:(E-Mail Removed)...
>> >> No.
>> >>
>> >> You do not make image rollovers using CSS, you use JavaScript to swap
>> >> the images.
>> >> CSS can be used for text buttons - such as those at
>> >> http://css.maxdesign.com.au/listamatic/vertical12.htm
>> >> --
>> >> Ron Symonds - Microsoft MVP (FrontPage)
>> >> Reply only to group - emails will be deleted unread.
>> >> FrontPage Support: http://www.frontpagemvps.com/
>> >>
>> >>
>> >> "Lisa A" <(E-Mail Removed)> wrote in message
>> >> news:(E-Mail Removed)...
>> >>> If I want to have an external style sheet so I can make image
>> >> rollovers, Do
>> >>> I make the buttons on that sheet, then save it as a css file?
>> >>> I've searched and searched and cannot find an easy step by step
>> >> guide to
>> >>> actually where to put what I need. I do know I need to put on the
>> >> top of
>> >>> each page, <style type="text/css">
>> >>> I'm not sure of the correct path I need, since it is different from
>> >> normal
>> >>> url paths.
>> >>> thanks,
>> >>> Lisa a
>> >>>
>> >>>
>> >>
>> >>
>> >
>> >

>>
>>

>
>



 
Reply With Quote
 
p c
Guest
Posts: n/a
 
      26th Nov 2005
Very good, Murray. My preference is to go with CSS. I will try that.


Murray wrote:
>>You do not make image rollovers using CSS, you use JavaScript to swap
>>the images.

>
>
> Au contraire, monsieur Ronx.
>
> Make a link. Use CSS to give it a background image. Make a CSS rule to
> change the background image on hover. Bada bing, bada boom. A CSS
> rollover. It's usually the only method I do anymore....
>
> See for example this site's menu - http://www.redwoodfs.com
> or this site's menu - http://www.savannahweddings.com
>

 
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
page numbers in Word 2007 - skipping page number on first page John Goche Microsoft Word New Users 1 13th Nov 2009 04:04 PM
Inserting a page in Page Layout View or Page Break Preview tanner.robin@gmail.com Microsoft Excel Discussion 1 6th Jun 2008 02:52 PM
Setting the Page Title using local resources for a content page in a master page Laith Zraikat Microsoft ASP .NET 3 6th Jul 2006 02:23 AM
single page or page range printing for multi page emails in outlo. =?Utf-8?B?RGVsIFBhdWxzb24=?= Microsoft Outlook Discussion 1 26th Apr 2005 07:41 PM
Report footer on separate page; optionally hide it, reduce total page count by 1, and don't print last (blank) page L Mehl Microsoft Access Reports 2 18th Sep 2003 01:49 AM


Features
 

Advertising
 

Newsgroups
 


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