Hi guys
Can anyone set me up a basic CSS to make my page printer friendly as i only have basic CSS knowledge which i tought myself?? The page HTML is below!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>BOS Steelmaking Website Homepage</TITLE>
<script language="JavaScript" src=http://www.webdeveloper.com/forum/archive/index.php/"/js/persistState.js" type="text/JavaScript"></script>
<style type="text/css">
<!--
@import url("/menu/menu.css");
@import url("/css/sswstyle.css");
-->
</style>
</HEAD>
<body>
<TABLE class="header" cellspacing="0">
<TR>
<TD height="52" class="logo"
><div align="left"><IMG src=http://www.webdeveloper.com/forum/archive/index.php/"/images/SSWLogo.gif"
></TD>
<TD class="title"
>BOS Steelmaking Website Homepage</TD>
<TD class="logo"
><IMG src=http://www.webdeveloper.com/forum/archive/index.php/"/images/logo.gif"></TD>
</TR>
</TABLE>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"/images/menu_background.gif" width="100%" height="28">
<TABLE class="intro" cellspacing="0">
<TR>
<TD class="intro"
> <P>This site is responsible for providing information relating to the support of computer systems under the BOS Plant Support Agreement. The list below identifies which systems are covered along with responsible engineers.</P></TD>
</TR>
</TABLE>
<TABLE class="main" cellspacing="10"> <TR>
<TD class="main50"> <TABLE class="submain" cellspacing="0"> <TR>
<TD class="mainhead">Supported Systems:</TD>
</TR>
<TR>
<TD><BR></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"steelmaking_management/smc.shtml">Steelmaking Management System : TSBM1V</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"management_development/smcdev.shtml">Steelmaking Management Development System : TSBM2V</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"vessels/vessels.shtml">Steelmaking Vessels Computers: TSBVAV, TSBVBV, TSBVCV</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"vessels_development/vessels_dev.shtml">Steelmaking Vessels Development System: TSDBVV</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"desulphurisation/desulph.shtml">BOS Desulphurisation System: TSBDSV</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"secondary_steelmaking/secondsmc.shtml">BOS Secondary Steelmaking System: TSBSSV</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"engineering_monitoring/bem.shtml">BOS Engineering Monitoring System: TSB01N</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"database_server/DBserver.shtml">Steelmaking Database Server (Steeler): TSB06N</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"x_windows_load_host/Xwin.shtml">BOS X-Windows Load Host PC: TSD17N</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"pc_development/pc_dev.shtml">BOS PC Development System: TSD04N</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"quick_tap_phosphorus/qtp.shtml">BOS Quick Tap Phosphorus PC: TSB05N</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"ladle_metallurgy/ladle_met.shtml">BOS Ladle Metallurgy System: TSBLMV</A></TD>
</TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"Web_server/Webserver.shtml">Steelmaking Support Web Server: TSD11N</A></TD>
</TR>
</TABLE></TD>
<TD class="main50"> <TABLE class="submain" cellspacing="0"> <TR>
<TD class="mainhead">Support Engineers:</TD>
</TR>
<TR>
<TD><BR></TD>
</TR>
<TR>
<TD class="main"
>John Kelly (4138)</TD>
</TR>
<TR>
<TD class="main"
>Robert Tate (4199)</TD>
</TR>
<TR>
<TD class="main"
>Paul Fox (4174)</TD>
</TR>
<TR>
<TD class="main"
>Paul West (4210)</TD>
</TR>
<TR>
<TD class="main"
>Barry Jones (4342)</TD>
</TR>
<TR>
<TD class="main"
>Mike Elliott (4210)</TD>
</TR>
</TABLE>
<!--#include virtual="/menu/sswmenu.shtml" -->
</TD>
</TR>
</table>
</BODY>
</HTML>I wouldn't even touch that until it was detablized. If that was marked up as what it is, a paragraph and a few lists, then it would be trivial to restyle it at will.
Can anyone set me up a basic CSS to make my page printer friendly as i only have basic CSS knowledge which i tought myself?? The page HTML is below!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>BOS Steelmaking Website Homepage</TITLE>
<script language="JavaScript" src=http://www.webdeveloper.com/forum/archive/index.php/"/js/persistState.js" type="text/JavaScript"></script>
<style type="text/css">
<!--
@import url("/menu/menu.css");
@import url("/css/sswstyle.css");
-->
</style>
</HEAD>
<body>
<TABLE class="header" cellspacing="0">
<TR>
<TD height="52" class="logo"
><div align="left"><IMG src=http://www.webdeveloper.com/forum/archive/index.php/"/images/SSWLogo.gif"
></TD>
<TD class="title"
>BOS Steelmaking Website Homepage</TD>
<TD class="logo"
><IMG src=http://www.webdeveloper.com/forum/archive/index.php/"/images/logo.gif"></TD>
</TR>
</TABLE>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"/images/menu_background.gif" width="100%" height="28">
<TABLE class="intro" cellspacing="0">
<TR>
<TD class="intro"
> <P>This site is responsible for providing information relating to the support of computer systems under the BOS Plant Support Agreement. The list below identifies which systems are covered along with responsible engineers.</P></TD>
</TR>
</TABLE>
<TABLE class="main" cellspacing="10"> <TR>
<TD class="main50"> <TABLE class="submain" cellspacing="0"> <TR>
<TD class="mainhead">Supported Systems:</TD>
</TR>
<TR>
<TD><BR></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"steelmaking_management/smc.shtml">Steelmaking Management System : TSBM1V</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"management_development/smcdev.shtml">Steelmaking Management Development System : TSBM2V</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"vessels/vessels.shtml">Steelmaking Vessels Computers: TSBVAV, TSBVBV, TSBVCV</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"vessels_development/vessels_dev.shtml">Steelmaking Vessels Development System: TSDBVV</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"desulphurisation/desulph.shtml">BOS Desulphurisation System: TSBDSV</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"secondary_steelmaking/secondsmc.shtml">BOS Secondary Steelmaking System: TSBSSV</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"engineering_monitoring/bem.shtml">BOS Engineering Monitoring System: TSB01N</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"database_server/DBserver.shtml">Steelmaking Database Server (Steeler): TSB06N</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"x_windows_load_host/Xwin.shtml">BOS X-Windows Load Host PC: TSD17N</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"pc_development/pc_dev.shtml">BOS PC Development System: TSD04N</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"quick_tap_phosphorus/qtp.shtml">BOS Quick Tap Phosphorus PC: TSB05N</A></TD>
</TR>
<TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"ladle_metallurgy/ladle_met.shtml">BOS Ladle Metallurgy System: TSBLMV</A></TD>
</TR>
<TD class="main"
><A href=http://www.webdeveloper.com/forum/archive/index.php/"Web_server/Webserver.shtml">Steelmaking Support Web Server: TSD11N</A></TD>
</TR>
</TABLE></TD>
<TD class="main50"> <TABLE class="submain" cellspacing="0"> <TR>
<TD class="mainhead">Support Engineers:</TD>
</TR>
<TR>
<TD><BR></TD>
</TR>
<TR>
<TD class="main"
>John Kelly (4138)</TD>
</TR>
<TR>
<TD class="main"
>Robert Tate (4199)</TD>
</TR>
<TR>
<TD class="main"
>Paul Fox (4174)</TD>
</TR>
<TR>
<TD class="main"
>Paul West (4210)</TD>
</TR>
<TR>
<TD class="main"
>Barry Jones (4342)</TD>
</TR>
<TR>
<TD class="main"
>Mike Elliott (4210)</TD>
</TR>
</TABLE>
<!--#include virtual="/menu/sswmenu.shtml" -->
</TD>
</TR>
</table>
</BODY>
</HTML>I wouldn't even touch that until it was detablized. If that was marked up as what it is, a paragraph and a few lists, then it would be trivial to restyle it at will.