Re(2): [Zope] Cascading Style Sheets in Netscape 6

Craig Stoddart craig.stoddart@dundeecity.gov.uk
6 Apr 2001 09:58:00 -0000


>I don't see any <style> element in what you have sent.  Does the page as
>seen by the browser have a <style> element=3F  If not, it is needed.  What
>would be good is to send the source ***as seen by NS6***.

I added in the <style> tags to the beginning and end of my CSS but it didn't
have any effect. I don't know if this is related but I've also noticed that
none of my Javascript works in Netscape 6 that works perfectly well in Nets=
cape
4.75. I've checked the preferences of the Browser and the Javascript Options
are selected.

I viewed the source of the style sheet in Netscape 6 and it appeared exactl=
y as
below except the <dtml-call> and <dtml-if> sections weren't there. I then
tested it with those parts removed and it still didn't work!

So my CSS now looks like this:

<style type=3D"text/css">
<dtml-call "RESPONSE.setHeader('Content-Type','text/css')">
<dtml-call "REQUEST.set( 'sniffer', UserSniffer() )">
<dtml-call "REQUEST.set('site=5Ffonts', 'arial, helvetica, sans-serif')">

<dtml-if expr=3D"sniffer['platform'] =3D=3D 'Win32' and sniffer['browser']=
 =3D=3D 'IE'">
   <dtml-comment>  ie needs smaller fonts than anyone else=20</dtml-comment>
   <dtml-call "REQUEST.set('font=5Fsize', 'x-small')">
   <dtml-call "REQUEST.set('font=5Fsmaller', 'xx-small')">
   <dtml-call "REQUEST.set('font=5Fsmallest', '7pt')">
<dtml-elif expr=3D"sniffer['platform'] =3D=3D 'Win32'">
   <dtml-comment> Netscape or others on WIntel </dtml-comment>
         <dtml-call "REQUEST.set('font=5Fsize', 'small')">
   <dtml-call "REQUEST.set('font=5Fsmaller', 'x-small')">
   <dtml-call "REQUEST.set('font=5Fsmallest', 'x-small')">
<dtml-elif expr=3D"sniffer['platform'] =3D=3D 'Mac'">
  <dtml-comment> Mac users need bigger fonts</dtml-comment>
  <dtml-call "REQUEST.set('font=5Fsize', 'medium')">
   <dtml-call "REQUEST.set('font=5Fsmaller', 'small')">
   <dtml-call "REQUEST.set('font=5Fsmallest', 'x-small')">
<dtml-else>
   <dtml-comment> Linux and all other users</dtml-comment>
   <dtml-call "REQUEST.set('font=5Fsize', 'small')">
   <dtml-call "REQUEST.set('font=5Fsmaller', 'x-small')">
   <dtml-call "REQUEST.set('font=5Fsmallest', 'x-small')">
</dtml-if>

   BODY , TH, TD, OL, UL, LI { font-family: arial, helvetica, sans-serif;
font-size: <dtml-var font=5Fsize>; }
    P { font-family: <dtml-var site=5Ffonts>; font-size: <dtml-var font=5Fs=
ize>;
color: black;}
    H1 { font-size: 175%; font-family: <dtml-var site=5Ffonts>; }
    H2 { font-size: 150%; font-family: <dtml-var site=5Ffonts>; }
    H3 { font-size: 125%; font-family: <dtml-var site=5Ffonts>; }
    H4 { font-size: 100%; font-family: <dtml-var site=5Ffonts>; }
    H5 { font-size: 75%; font-family: <dtml-var site=5Ffonts>; }
    H6=20{ font-size: 50%; font-family: <dtml-var site=5Ffonts>; }
    PRE, TT, CODE { font-family: courier, sans-serif; font-size: <dtml-var
font=5Fsize>; }
    A:visited { color: purple; font-family : <dtml-var site=5Ffonts>; }
    A: { color: blue; text-decoration: underline; font-family : <dtml-var
site=5Ffonts>; font-size : <dtml-var font=5Fsize>; )
    A.menus { color: #FF6666; text-decoration: none; font-size: <dtml-var
font=5Fsmallest>; }
    A.menus:visited { color: #FF6666; text-decoration: none; font-size:
<dtml-var font=5Fsmaller>; }
    A.menus:hover { text-decoration: none; color: #FF6666; background: #ffa;
font-size: <dtml-var font=5Fsmaller>; }
    A.menussel { color: #FF6666; text-decoration: none; background: #ffa;
font-size: <dtml-var font=5Fsmaller>; }
    A.menussel:visited { color: #FF6666; text-decoration: none; background:
#ffa; font-size: <dtml-var font=5Fsmaller>; }
   =20A.menussel:hover { text-decoration: none; color: #FF6666; background:=
 #ffa;
font-size: <dtml-var font=5Fsmaller>; }
    A.menusxxs { color: #FF6666; text-decoration: none; font-size: <dtml-var
font=5Fsmallest>; }
    A.menusxxs:visited { color: #FF6666; text-decoration: none; font-size:
<dtml-var font=5Fsmallest>; }
    A.menusxxs:hover { text-decoration: none; color: #FF6666; background:=
 #ffa;
font-size: <dtml-var font=5Fsmallest>; }

PRE {
  font-family : "Courier New", Courier, monospace;
  font-size=20: small;
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  color : Black}

.DCCIntra { background-color: #FFFFFF; font-size: 26pt;
  font-weight: bold; color: black;
  font-family: Arial, Helvetica, sans-serif;
        font-style: italic}

.match {  background-color: "#FFFF00"; font-weight: bold; color: #0000CC}

.newshead {font-family: Arial, Helvetica, sans-serif;
       font-weight: bold; color: black;
       background-color: #FFFFCC;
       font-size: 14pt;
   =20   font-style: italic}

.newsitem {font-family: Arial, Helvetica, sans-serif;
       font-size: x-small;
       color: Black;
       font-style: normal}

.breadcrumbs { background-color: #FFFF33; font-size: <dtml-var font=5Fsize>;
  font-weight: bold; color: blue;
  font-family: Arial, Helvetica, sans-serif;
        font-style: italic}


<dtml-comment> Outdoor Activities Styles</dtml-comment>

.OAA { background-color: green; font-size: 20pt;
  font-weight: bold; color: gold;
  font-family: Arial, Helvetica, sans-serif;
        font-style: italic}

.OAAmenuhead { background-color: #8E6B23; font-size: 11pt;
  font-weight: bold; color: gold;
  font-family: Arial, Helvetica, sans-serif;
        font-style: italic}

.menus { font-size: <dtml-var font=5Fsmaller>}
</style>

-------------------------------------------------
Craig Stoddart
IT Software Development Officer

Dundee City Council
IT Division
Northern College
Technical Block
Gardyne Road
Dundee DD5 1NY

Phone:  01382 438170
Fax:    01382 438002
E-mail: craig.stoddart@dundeecity.gov.uk
-------------------------------------------------