Adding Rollover effects to Style Sheet (Full Version)

All Forums >> [Web Development] >> General Web Development



Message

Corel -> Adding Rollover effects to Style Sheet (3/27/2001 16:56:00)

I'm creating style sheets for a site. I want to add rollover effects to the hyperlinks on the site within the style sheet. Which is the correct way of doing this, I can't find the right html in the style sheet list. Am I going to have to do each page separately (horror!). Sorry don't know much about style sheet syntax! Many thanks for any help in advance.



abbeyvet -> RE: Adding Rollover effects to Style Sheet (3/27/2001 17:50:00)

Have a look at these style sheet tutorials which are a fairly basic look at style sheets, the syntax used and adding them to an FP web. http://www.outfront.net/articles/css1.htm

I am assuming you are not using FP's style sheets? If you are, don't, they do not work in NN and are no great shakes in IE either.

------------------
Katherine

InKK Design
LinKKs - Kilkenny's Online Magazine


-*-*-*-*-*-*-*-*-*-*
"Dogs have owners, cats have staff!"




Guest -> RE: Adding Rollover effects to Style Sheet (3/27/2001 22:03:00)

quote:
Originally posted by abbeyvet:
Have a look at these style sheet tutorials which are a fairly basic look at style sheets, the syntax used and adding them to an FP web. http://www.outfront.net/articles/css1.htm

I am assuming you are not using FP's style sheets? If you are, don't, they do not work in NN and are no great shakes in IE either.

Are you saying that the page styles in FrontPage2000 don't work? I've heard that before, but I've been using them and they work great on my site... What is it that they are supposed to mess up, anyway?



Corel -> RE: Adding Rollover effects to Style Sheet (3/28/2001 20:29:00)

quote:
Originally posted by abbeyvet:
[B
I am assuming you are not using FP's style sheets? If you are, don't, they do not work in NN and are no great shakes in IE either.

[/B]

Thanks for your reply. I am using FT Style sheets and have had a few minor problems NN, font sizes in particular - but certainly no problems in IE. I have found if I modify set styles such h1 and h2, any size changes don't show in NN, but if I create a new style, with set size, colour and font, it does show in NN.




abbeyvet -> RE: Adding Rollover effects to Style Sheet (3/28/2001 20:42:00)

Some of the stuff in the FP sytle sheets works in IE and NN, some in IE only, some of it unpredicatably in any browser. The syntax used is a bit odd, they are overly complicated and quite limited.

Learning to create a style sheet is not difficult - the easiest way is to copy an existing one and change it to suit your own page. Once you have played with it for a while you will quickly get the hang of adding to it.

There is a sample stylesheet in the third tutorial of that article and I can, if anyone is interested, post some sort of simple generic style sheet somewhere.

------------------
Katherine

InKK Design
LinKKs - Kilkenny's Online Magazine


-*-*-*-*-*-*-*-*-*-*
"Dogs have owners, cats have staff!"




Reflect -> RE: Adding Rollover effects to Style Sheet (3/28/2001 14:33:00)

Hi,

This is a basic one for an Intranet that I work on. It is based on CSS level 1 as we use Netscape 4.X here and Netscape is not to hip to level 2 in the 4.X versions.

<style type="text/css">
body { font-family: Arial; font-size: 10pt; font-weight: normal }
table { font-family: Arial; font-size: 10pt; font-weight: normal }
td ( font-family: Arial; font-size: 10pt; font-weight: normal }
th { font-family: Arial; font-size: 10pt; font-weight: normal }
p { font-family: Arial; font-size: 10pt; font-weight: normal }
li { font-family: Arial; font-size: 10pt; font-weight: normal }
h4 { font-family: Arial; font-size: 14pt; font-weight: bold }
a { font-family: Arial; font-size: 10pt; font-weight: normal }
b { font-family: Arial; font-size: 10pt; font-weight: bold }
strong { font-family: Arial; font-size: 10pt; font-weight: bold }
small { font-family: Arial; font-size: 8pt; font-weight: normal }
a.col:link {color:#FCE49A; text-decoration: none; font-size: 8pt}
a.col:visited {color:#BEBEBE; text-decoration: none; font-size: 8pt}
</style>

Brian

------------------
Work hard, play fair, stay sane

[This message has been edited by GWJ (edited 03-28-2001).]




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625