Good morning! Thank you for the help, but I got it to work!
I sent the solution to this problem back several days ago, so here it is
again. In case you wanted to see how I did it...

Erika
(with a *K*)
--------------------------------
from Friday 27th:

Hi guys! Thanks as always for your responses....
Unfortunately I didn't get any of them! Something is bottlenecked between
the list server and my mail server so I had to go to the archives to catch
up on my email this afternoon.

As it turned out, I had no typos or anything like that in my CSS.
And including it inside my navigation.html and then including that inside my
pages was no problem either. Neither was the white space. I did use other
typefaces for it to default to of course (thank you Joe), I typically always
use Verdana, Arial, then san-serif.

Netscape just needed a bit different syntax for the links. (it wanted
everything defined in there!)

So, I ended up including a JavaScript browser check file in navigation.html
which in turn, document.write'ed a link to an external stylesheet, one for
IE, one for Netscape. My IE one lookes exactly like the code I sent before.
The Netscape one looks like this:


...menu{
        font-family : Verdana,Arial,sans-serif;
        font-weight : bold;
        font-size : x-small;
}

A.menu{
font-color: White
}

A.menu:link  {color:White;
background-color:transparent;
text-decoration:underline;
font-weight : bold;
font-family : Verdana,Arial,sans-serif;
font-size : x-small;
}

A.menu:visited {color:White;
background-color:transparent;
text-decoration:underline;
font-weight : bold;
font-family : Verdana,Arial,sans-serif;
font-size : x-small;
}

A.menu:active  {color:White;
background-color:transparent;
text-decoration:underline;
font-weight : bold;
font-family : Verdana,Arial,sans-serif;
font-size : x-small;
}

A.menu:hover   {color:#000066;
background-color:transparent;
text-decoration:underline;
font-weight : bold;
font-family : Verdana,Arial,sans-serif;
font-size : x-small;
}

Netscape wanted all the attributes in the different link states for some
reason,.....and xx-small was good for IE but too small for Netscape, the
equivalent was x-small. The HOVER does not work, as Netscape doesn't support
it (at least not 4.7) but I'll leave it in for the future. I usually use
point sizes, but it's working now, so I'll just leave alone.....

Thanks again! Maybe this method will help somebody else!

Erika

-----Original Message-----
From: Dave Swift [mailto:[EMAIL PROTECTED]]
Sent: Monday, April 30, 2001 11:13 AM
To: CF-Community
Subject: RE: CSS Hell with Netscape 4.7



CSS dynamically placed into <head> of requested template:

perhaps use CFHTMLHEAD, not included in the main included
page, but set there and referenced after the include in the
requested template.

requested template
        cfinclude main template
                cfinclude(s) <set css name>
        cfhtmlhead <use css name or default>
response


regards,
dave




-----Original Message-----
From: John Allred [mailto:[EMAIL PROTECTED]]
Sent: Monday, April 30, 2001 10:23 AM
To: CF-Community
Subject: Re: CSS Hell with Netscape 4.7


Erika,

Aside from lack of support for certain CSS features (and, of course,
that's a BIG aside), I've found NS 4.x to have little problem with CSS.

If you want to CFINCLUDE the stylesheet, I suggest you write it as an
inline stylesheet (develop the page with the style sheet hard coded and
make it work there, then put the code in your database or external
file). If you link it as an external stylesheet, the link has to be
between the head tags.

HTH,
--John

Erika L Walker wrote:
>
> OK. I give up. <<<----ready to throw self off of zoo roof.
>
> I have the following style:
>
> ..menu{
>         font-family : Verdana;
>         font-style : normal;
>         font-weight : bold;
>         font-size : xx-small;
>         font : Verdana;
> }
>
> A.menu{
> font-color: White
> }
>
> A.menu:link    {color:White; background-color:transparent;
> text-decoration:none;}
> A.menu:visited {color:White; background-color:transparent;
> text-decoration:none;}
> A.menu:active  {color:White; background-color:transparent;
> text-decoration:none;}
> A.menu:hover   {color:#000066; background-color:transparent;
> text-decoration:underline;}
>
> Included in the top of a menu page, which is then CFincluded into the main
> pages. Works GREAT in IE, looks FANTASTIC in IE. Won't show up in
Netscape.
> I have given every tag in the table (tr, td, p, a) including the table tag
> the class="menu" name=value pair.
>
> Still doesn't work in Netscape. Is my style syntax incorrect? Is there
> something else I should be doing? Does Netscape insist on having this
stuff
> included in between the <head></head> tags?
>
> <whine>why can't netscape play the game like all the other boys and
> girls???????</whine>
>
> Erika
>
> "What cannot be figured out, must be pummeled into small pieces and thrown
> away." - ELWalker
>
>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Structure your ColdFusion code with Fusebox. Get the official book at 
http://www.fusionauthority.com/bkinfo.cfm
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Structure your ColdFusion code with Fusebox. Get the official book at 
http://www.fusionauthority.com/bkinfo.cfm

Archives: http://www.mail-archive.com/[email protected]/
Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists

Reply via email to