Re(2): Re(2): [Zope] Cascading Style Sheets in N etscape 6
The best thing to do is to capture the source FROM WITHIN NETSCAPE ITSELF. That is what Netscape sees. I know that NS 6 is pretty good about css, and its javascript works right for most of my pages. So the chances are that the html it is receiving has some oddity. You need to capture it so we can see.
I'm not entirely sure if I understand what you mean, but when I do "View Page Source" In Netscape 6 the code is reflected as it should be. I know how fussy Netscape is about missing HTML tags, but as the CSS work well in Netscape 4.75 I do not understand why it isn't working on Netscape 6, nor do I understand why my Java no longer works either. Unfortunately the site in question is on our intranet so I can't give you a link to it, but this is the code that I get when I do "View Page Source" in Netscape 6. There are 3 items that should respond to the style sheet - OAA, menus & OAAmenuhead - yet none of them work in Netscape 6. What confuses me even more is the fact that at the top of my CSS I have the line: <dtml-call "REQUEST.set('site_fonts', 'arial, helvetica, sans-serif')"> and Netscape 6 does recognise this (as it uses that font). It just doesn't recognise any of the variables I have set up in my style sheet. <HTML><HEAD> <base href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/" /> <TITLE>Outdoor Adventure Activities </TITLE> <link HREF="http://intranet. dundeecity.gov.uk/intranet/outdoor-safety/styles/global.css" rel="stylesheet" type="text/css"> </HEAD> <BODY BGCOLOR="#FFFFFF"> <DIV ID="overDiv" STYLE="position:absolute; visibility:hide; z-index:1;"></DIV> <SCRIPT LANGUAGE="JavaScript" SRC="/js/overlib.js"></script> <TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD ALIGN="LEFT" WIDTH="10%"><a href="http://intranet.dundeecity.gov. uk/intranet/depts/nrdd/"><img src="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/nhrd_small.jpg" alt="Neighbourhood Resources Intranet Site" border="0"></a></TD> <TD class="OAA" align="center">OUTDOOR ADVENTURE ACTIVITIES</TD> <TD ALIGN="LEFT" VALIGN="TOP" WIDTH="10%"><a href="http://www.aala.org/"><img src="http://intranet. dundeecity.gov.uk/intranet/outdoor-safety/aala.gif" alt="Adventure Activities Licensing Authority" border="0"></a></TD> </TR> <!-- Introduce some vertical whitespace --> <TR><TD COLSPAN="3"> </TD></TR> <TR> <TD width="10%" valign="top"> <table bgcolor="#8E6B23" border="0" cellpadding="0" cellspacing="0" width="120" height="363"> <tr> <td> <table border="0" cellpadding="3" cellspacing="1" width="100%"> <tr> <td bgcolor="#8E6B23" align="left"><SPAN class="OAAmenuhead">Outdoor Menu</span></td> </tr> <tr> <td bgcolor="white" valign="top"> <font size="-2"> <a href="http://intranet/"><SPAN class="menus">DCC Intranet</span></a><br><br> <a href="http://intranet.dundeecity.gov.uk/intranet/outdoor-safety"><SPAN class="menus">Safety Site Homepage</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/SafetyManagement/"><SPAN class="menus">Safety Management</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/OAARegs/"><SPAN class="menus">Outdoor Adventure Activities Regulations</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/AAL/"><SPAN class="menus">Adventure Activities Licensing</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/PDA/"><SPAN class="menus">Personnel Database Accreditation</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/ExternalAgencies/"><SPAN class="menus">External Agencies/ Service Level Agreements</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/Infolog/"><SPAN class="menus">Safety/Near Miss Infolog</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/forum/"><SPAN class="menus">Discussion Forum</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/training_op/"><SPAN class="menus">Training Opportunities</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/DukeEdinburgh/"><SPAN class="menus">Duke of Edinburgh's Award - Expedition /Exploration Requirements</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/Further/"><SPAN class="menus">Further Information / Guidance</span></a><br><br> </font> </td> </tr> </table> </td> </tr> </table> <br> </td> <td colspan="2" valign="top"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=iso-8859-1"> <TITLE>SAFETY SITE HOMEPAGE</TITLE> <META NAME="GENERATOR" CONTENT="StarOffice/5.2 (Win32)"> <META NAME="CREATED" CONTENT="20010123; 16005737"> <META NAME="CHANGEDBY" CONTENT="Craig Stoddart"> <META NAME="CHANGED" CONTENT="20010125;11211796"> </HEAD> <BODY> <H3 ALIGN=CENTER><B>SAFETY SITE HOMEPAGE</B> </H3> <P ALIGN=CENTER><B>Welcome to Dundee City Council Homepage for information and guidance on the operation and</B> </P> <P ALIGN=CENTER><B>regulation of tuition in outdoor adventure activities under the management of Dundee City Council</B> </P> <P ALIGN=CENTER><IMG SRC="homepage.jpg" NAME="Graphic1" ALIGN=BOTTOM WIDTH=451 HEIGHT=302 BORDER=0> </P> <P><B>For information/guidance on any of the content of this website please contact: A D Boffey, Manager, Neighbourhood Resources & Development Department, Podium Block, Tayside House, Crichton Street, Dundee, DD1 3RZ. Tel 01382 433972, Fax 01382 433871, E-mail: <A HREF="mailto:tony.boffey@dundeecity.gov.uk"><U>tony.boffey@dundeecity.gov. uk</U></A></B> </P> </BODY> </HTML> </td> </tr> </TABLE> </body> </html> </BODY></HTML> This is the code in my CSS: <dtml-call "RESPONSE.setHeader('Content-Type','text/css')"> <dtml-call "REQUEST.set( 'sniffer', UserSniffer() )"> <dtml-call "REQUEST.set('site_fonts', 'arial, helvetica, sans-serif')"> <dtml-if expr="sniffer['platform'] == 'Win32' and sniffer['browser'] == 'IE'"> <dtml-comment> ie needs smaller fonts than anyone else </dtml-comment> <dtml-call "REQUEST.set('font_size', 'x-small')"> <dtml-call "REQUEST.set('font_smaller', 'xx-small')"> <dtml-call "REQUEST.set('font_smallest', '7pt')"> <dtml-elif expr="sniffer['platform'] == 'Win32'"> <dtml-comment> Netscape or others on WIntel </dtml-comment> <dtml-call "REQUEST.set('font_size', 'small')"> <dtml-call "REQUEST.set('font_smaller', 'x-small')"> <dtml-call "REQUEST.set('font_smallest', 'x-small')"> <dtml-elif expr="sniffer['platform'] == 'Mac'"> <dtml-comment> Mac users need bigger fonts</dtml-comment> <dtml-call "REQUEST.set('font_size', 'medium')"> <dtml-call "REQUEST.set('font_smaller', 'small')"> <dtml-call "REQUEST.set('font_smallest', 'x-small')"> <dtml-else> <dtml-comment> Linux and all other users</dtml-comment> <dtml-call "REQUEST.set('font_size', 'small')"> <dtml-call "REQUEST.set('font_smaller', 'x-small')"> <dtml-call "REQUEST.set('font_smallest', 'x-small')"> </dtml-if> BODY , TH, TD, OL, UL, LI { font-family: arial, helvetica, sans-serif; font-size: <dtml-var font_size>; } P { font-family: <dtml-var site_fonts>; font-size: <dtml-var font_size>; color: black;} H1 { font-size: 175%; font-family: <dtml-var site_fonts>; } H2 { font-size: 150%; font-family: <dtml-var site_fonts>; } H3 { font-size: 125%; font-family: <dtml-var site_fonts>; } H4 { font-size: 100%; font-family: <dtml-var site_fonts>; } H5 { font-size: 75%; font-family: <dtml-var site_fonts>; } H6 { font-size: 50%; font-family: <dtml-var site_fonts>; } PRE, TT, CODE { font-family: courier, sans-serif; font-size: <dtml-var font_size>; } A:visited { color: purple; font-family : <dtml-var site_fonts>; } A: { color: blue; text-decoration: underline; font-family : <dtml-var site_fonts>; font-size : <dtml-var font_size>; ) A.menus { color: #FF6666; text-decoration: none; font-size: <dtml-var font_smallest>; } A.menus:visited { color: #FF6666; text-decoration: none; font-size: <dtml-var font_smaller>; } A.menus:hover { text-decoration: none; color: #FF6666; background: #ffa; font-size: <dtml-var font_smaller>; } A.menussel { color: #FF6666; text-decoration: none; background: #ffa; font-size: <dtml-var font_smaller>; } A.menussel:visited { color: #FF6666; text-decoration: none; background: #ffa; font-size: <dtml-var font_smaller>; } A.menussel:hover { text-decoration: none; color: #FF6666; background: #ffa; font-size: <dtml-var font_smaller>; } A.menusxxs { color: #FF6666; text-decoration: none; font-size: <dtml-var font_smallest>; } A.menusxxs:visited { color: #FF6666; text-decoration: none; font-size: <dtml-var font_smallest>; } A.menusxxs:hover { text-decoration: none; color: #FF6666; background: #ffa; font-size: <dtml-var font_smallest>; } PRE { font-family : "Courier New", Courier, monospace; font-size : 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; 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_size>; 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_smaller>} I have tried putting <style type="text/css"> </style> tags at the beginning and end of the CSS but that didn't make any difference, hence why I removed them. If you can give tell me where I'm going wrong I'd be very grateful as I've been trying to figure this out for 3 days now without getting anywhere, and if I can't get it to work then I'm going to have to scrap all the variables in the CSS and hardcode them all in in HTML as the website has to be compatible will all browsers, including Netscape 6. ------------------------------------------------- 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 -------------------------------------------------
If the html you sent is exactly what NS6 is seeing, no wonder it doesn't work. It is invalid html. You have a second <html> document including its own DOCTYPE and head element, at the end of the main html document. The wonder is that it every worked. Fix up your html first, get it working without style sheets or javascript, then add in a simple style sheet and get it working. Then you can try to create the real style sheet you want. Tom P Craig Stoddart seeks help -
The best thing to do is to capture the source FROM WITHIN NETSCAPE ITSELF. That is what Netscape sees. I know that NS 6 is pretty good about css, and its javascript works right for most of my pages. So the chances are that the html it is receiving has some oddity. You need to capture it so we can see.
I'm not entirely sure if I understand what you mean, but when I do "View Page Source" In Netscape 6 the code is reflected as it should be. I know how fussy Netscape is about missing HTML tags, but as the CSS work well in Netscape 4.75 I do not understand why it isn't working on Netscape 6, nor do I understand why my Java no longer works either. Unfortunately the site in question is on our intranet so I can't give you a link to it, but this is the code that I get when I do "View Page Source" in Netscape 6. There are 3 items that should respond to the style sheet - OAA, menus & OAAmenuhead - yet none of them work in Netscape 6. What confuses me even more is the fact that at the top of my CSS I have the line: <dtml-call "REQUEST.set('site_fonts', 'arial, helvetica, sans-serif')"> and Netscape 6 does recognise this (as it uses that font). It just doesn't recognise any of the variables I have set up in my style sheet. <HTML><HEAD> <base href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/" /> <TITLE>Outdoor Adventure Activities </TITLE> <link HREF="http://intranet. dundeecity.gov.uk/intranet/outdoor-safety/styles/global.css" rel="stylesheet" type="text/css"> </HEAD> <BODY BGCOLOR="#FFFFFF"> <DIV ID="overDiv" STYLE="position:absolute; visibility:hide; z-index:1;"></DIV> <SCRIPT LANGUAGE="JavaScript" SRC="/js/overlib.js"></script> <TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD ALIGN="LEFT" WIDTH="10%"><a href="http://intranet.dundeecity.gov. uk/intranet/depts/nrdd/"><img src="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/nhrd_small.jpg" alt="Neighbourhood Resources Intranet Site" border="0"></a></TD> <TD class="OAA" align="center">OUTDOOR ADVENTURE ACTIVITIES</TD> <TD ALIGN="LEFT" VALIGN="TOP" WIDTH="10%"><a href="http://www.aala.org/"><img src="http://intranet. dundeecity.gov.uk/intranet/outdoor-safety/aala.gif" alt="Adventure Activities Licensing Authority" border="0"></a></TD> </TR> <!-- Introduce some vertical whitespace --> <TR><TD COLSPAN="3"> </TD></TR> <TR> <TD width="10%" valign="top"> <table bgcolor="#8E6B23" border="0" cellpadding="0" cellspacing="0" width="120" height="363"> <tr> <td> <table border="0" cellpadding="3" cellspacing="1" width="100%"> <tr> <td bgcolor="#8E6B23" align="left"><SPAN class="OAAmenuhead">Outdoor Menu</span></td> </tr> <tr> <td bgcolor="white" valign="top"> <font size="-2"> <a href="http://intranet/"><SPAN class="menus">DCC Intranet</span></a><br><br> <a href="http://intranet.dundeecity.gov.uk/intranet/outdoor-safety"><SPAN class="menus">Safety Site Homepage</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/SafetyManagement/"><SPAN class="menus">Safety Management</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/OAARegs/"><SPAN class="menus">Outdoor Adventure Activities Regulations</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/AAL/"><SPAN class="menus">Adventure Activities Licensing</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/PDA/"><SPAN class="menus">Personnel Database Accreditation</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/ExternalAgencies/"><SPAN class="menus">External Agencies/ Service Level Agreements</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/Infolog/"><SPAN class="menus">Safety/Near Miss Infolog</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/forum/"><SPAN class="menus">Discussion Forum</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/training_op/"><SPAN class="menus">Training Opportunities</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/DukeEdinburgh/"><SPAN class="menus">Duke of Edinburgh's Award - Expedition /Exploration Requirements</span></a><br><br> <a href="http://intranet.dundeecity.gov. uk/intranet/outdoor-safety/docs/Further/"><SPAN class="menus">Further Information / Guidance</span></a><br><br> </font> </td> </tr> </table> </td> </tr> </table> <br> </td> <td colspan="2" valign="top"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=iso-8859-1"> <TITLE>SAFETY SITE HOMEPAGE</TITLE> <META NAME="GENERATOR" CONTENT="StarOffice/5.2 (Win32)"> <META NAME="CREATED" CONTENT="20010123; 16005737"> <META NAME="CHANGEDBY" CONTENT="Craig Stoddart"> <META NAME="CHANGED" CONTENT="20010125;11211796"> </HEAD> <BODY> <H3 ALIGN=CENTER><B>SAFETY SITE HOMEPAGE</B> </H3> <P ALIGN=CENTER><B>Welcome to Dundee City Council Homepage for information and guidance on the operation and</B> </P> <P ALIGN=CENTER><B>regulation of tuition in outdoor adventure activities under the management of Dundee City Council</B> </P> <P ALIGN=CENTER><IMG SRC="homepage.jpg" NAME="Graphic1" ALIGN=BOTTOM WIDTH=451 HEIGHT=302 BORDER=0> </P> <P><B>For information/guidance on any of the content of this website please contact: A D Boffey, Manager, Neighbourhood Resources & Development Department, Podium Block, Tayside House, Crichton Street, Dundee, DD1 3RZ. Tel 01382 433972, Fax 01382 433871, E-mail: <A HREF="mailto:tony.boffey@dundeecity.gov.uk"><U>tony.boffey@dundeecity.gov. uk</U></A></B> </P> </BODY> </HTML> </td> </tr> </TABLE> </body> </html> </BODY></HTML>
participants (2)
-
Craig Stoddart -
Thomas B. Passin