Two CSS file links in one HTML page

TyzA · Jul 2, 2002

Hi,

I've created 2 CSS files (table3.css & table4.css) with both a different use of colors, etc.

I have an HTML document with some tables in (See the code below). I a column of this table there is an other HTML page. So it's HTML in HTML.
This works fine.

What I would like to do is, but I can't get it done, I want the main HTML page to use table4.css as style sheet and the inner HTML page table3.css.

What happens is that the entire page in my browser gets the style from table3.css, the style sheet for the inner HTML page, while everything that is not part of the inner HTML code should get the style of table4.css.

I've included the entire HTML code so you can have a look at it.

Hope you guys or girls can help me.

Thanks in advance.

Rgds,

Tijs

<HTML>
<HEAD>
<TITLE>Proximus Tariff Check-up Application - Menu</TITLE>
<link rel="stylesheet" href="table4.css">
</HEAD>
<BODY>
<FORM name="frmEurekaMenu" METHOD = "post">
<INPUT type=hidden name="link_clicked" >
<INPUT type=hidden name="ConfirmBulkTariffOK" >
<INPUT type=hidden name="butOpen" >
<TABLE cellSpacing=0 cellPadding=0 width="850" border=0 style="HEIGHT: 480px; WIDTH: 850px" align=left>
<TR>
<TD WIDTH=175>
<IMG alt=Tariff Check-up src="./SilverStream/Objectstore/Images/Logo.jpg">
</TD>
<TD>
<TABLE style="HEIGHT: 100px; WIDTH: 544px" cellSpacing=0 cellPadding=0 width=544 border=0 ALIGN=center>
<TR>
<TD ALIGN=middle>
<STRONG><font color="#400080" size="5" face="Comic Sans MS">Proximus Tariff Check-up Application</font></STRONG>
 
</TD>
</TR>
<TR>
<TD ALIGN=middle>
<STRONG><EM><font size="4" face="Comic Sans MS">Tariff Check-up Menu</font></EM></STRONG>
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD VALIGN=center>

<html>
<head>
<meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1"><meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title></title>

<link rel="stylesheet" href="table3.css">

</head>

<body bgcolor="#FFFFFF">
<table width="138" border="0" align="left" cellspacing="0" cellpadding="0">
<tr>
<td height="13">
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left"><a href="#">:: New Optimisation ::  </a></div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left">:: Request History ::</div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left">:: Bulk Tariff Sheet ::</div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left">:: Online Swap ::</div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left"><a href="#">:: Temporary group ::  </a></div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left">:: User Profile ::</div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left">:: Usage Summary ::</div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left"><a href="#">:: Finalise Request ::    </a></div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left">:: Save Request ::</div>
</td>
</tr>
<tr>
<td>
<div align="left"></div>
</td>
</tr>
</table>
</body>
</html>

</TD>
<TD ALIGN=middle VALIGN=center>
<TABLE style="HEIGHT: 91px; WIDTH: 322px" cellSpacing=0 cellPadding=0 width=322 border=0 align=center>
<TR>
<TD ALIGN=left>
<B><FONT FACE="Comic Sans MS" SIZE=2 COLOR=#000000>Account Number</FONT></B>
</TD>
<TD ALIGN=middle WIDTH=10>
<B><FONT FACE="Arial" SIZE=2 COLOR=#000000>:</FONT></B>
</TD>
<TD>
<INPUT name="fldAccountNumber" onbeforepaste="restrict('AccountNumber');" value="" onkeypress="restrict('AccountNumber');" ondblclick="restrict('AccountNumber');" style="HEIGHT: 22px; WIDTH: 169px" size=15 MAXLENGTH=8>
</TD>
</TR>
<TR>
<TD COLSPAN=3>
<BR>
</TD>
</TR>
<TR>
<TD COLSPAN=3>
<FONT FACE="Comic Sans MS" SIZE=1 COLOR=#000000> OR </FONT>
</TD>
</TR>
<TR>
<TD COLSPAN=3>
<BR>
</TD>
</TR>
<TR>
<TD ALIGN=left>
<B><FONT FACE="Comic Sans MS" SIZE=2 COLOR=#000000>MSISDN Number</FONT></B>
</TD>
<TD ALIGN=middle WIDTH=10>
<B><FONT FACE="Comic Sans MS" SIZE=2 COLOR=#000000>:</FONT></B>
</TD>
<TD>
<INPUT name="fldNDC" onbeforepaste="restrict('NDC');" value="" onkeypress="restrict('NDC');" ondblclick="restrict('NDC');" style="HEIGHT: 22px; LEFT: 4px; TOP: 3px; WIDTH: 43px" size=6 MAXLENGTH=5>   <INPUT name="fldMSISDN" onbeforepaste="restrict('MSISDN');" value="" onkeypress="restrict('MSISDN');" ondblclick="restrict('MSISDN');" style="HEIGHT: 22px; WIDTH: 113px" size=14 MAXLENGTH=10>
</TD>
</TR>
<TR>
<TD COLSPAN=3>
<BR><BR>
</TD>
</TR>
<TR>
<TD ALIGN=middle>
<INPUT TYPE=button value="Open" name= tbOpen onclick="tbOpen_click();">
</TD>
<TD ALIGN=middle COLSPAN=2>
<INPUT id=tbClear TYPE=submit value="Clear" name=tbClear >
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML> Programming is like sex: one mistake and you have to support it for the rest of your life.

cian · Jul 2, 2002

Hi there,

you can't include one document in another like that!

What you need to do is set the second document as just a nested table within your main document.

You can then specify all the styles in that one CSS.

Here is the above code with the second document header removed. Just double check it cos I onl skipped through it.

<HTML>
<HEAD>
<TITLE>Proximus Tariff Check-up Application - Menu</TITLE>
<link rel="stylesheet" href="table4.css">
</HEAD>
<BODY>
<FORM name="frmEurekaMenu" METHOD = "post">
<INPUT type=hidden name="link_clicked" >
<INPUT type=hidden name="ConfirmBulkTariffOK" >
<INPUT type=hidden name="butOpen" >
<TABLE cellSpacing=0 cellPadding=0 width="850" border=0 style="HEIGHT: 480px; WIDTH: 850px" align=left>
<TR>
<TD WIDTH=175>
<IMG alt=Tariff Check-up src="./SilverStream/Objectstore/Images/Logo.jpg">
</TD>
<TD>
<TABLE style="HEIGHT: 100px; WIDTH: 544px" cellSpacing=0 cellPadding=0 width=544 border=0 ALIGN=center>
<TR>
<TD ALIGN=middle>
<STRONG><font color="#400080" size="5" face="Comic Sans MS">Proximus Tariff Check-up Application</font></STRONG>

</TD>
</TR>
<TR>
<TD ALIGN=middle>
<STRONG><EM><font size="4" face="Comic Sans MS">Tariff Check-up Menu</font></EM></STRONG>
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD VALIGN=center>



<table width="138" border="0" align="left" cellspacing="0" cellpadding="0">
<tr>
<td height="13">
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left"><a href="#">:: New Optimisation :: </a></div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left">:: Request History ::</div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left">:: Bulk Tariff Sheet ::</div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left">:: Online Swap ::</div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left"><a href="#">:: Temporary group :: </a></div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left">:: User Profile ::</div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left">:: Usage Summary ::</div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left"><a href="#">:: Finalise Request :: </a></div>
</td>
</tr>
<tr>
<td>
<div align="left"> </div>
</td>
</tr>
<tr>
<td>
<div align="left">:: Save Request ::</div>
</td>
</tr>
<tr>
<td>
<div align="left"></div>
</td>
</tr>
</table>



</TD>
<TD ALIGN=middle VALIGN=center>
<TABLE style="HEIGHT: 91px; WIDTH: 322px" cellSpacing=0 cellPadding=0 width=322 border=0 align=center>
<TR>
<TD ALIGN=left>
<B><FONT FACE="Comic Sans MS" SIZE=2 COLOR=#000000>Account Number</FONT></B>
</TD>
<TD ALIGN=middle WIDTH=10>
<B><FONT FACE="Arial" SIZE=2 COLOR=#000000>:</FONT></B>
</TD>
<TD>
<INPUT name="fldAccountNumber" onbeforepaste="restrict('AccountNumber');" value="" onkeypress="restrict('AccountNumber');" ondblclick="restrict('AccountNumber');" style="HEIGHT: 22px; WIDTH: 169px" size=15 MAXLENGTH=8>
</TD>
</TR>
<TR>
<TD COLSPAN=3>
<BR>
</TD>
</TR>
<TR>
<TD COLSPAN=3>
<FONT FACE="Comic Sans MS" SIZE=1 COLOR=#000000> OR </FONT>
</TD>
</TR>
<TR>
<TD COLSPAN=3>
<BR>
</TD>
</TR>
<TR>
<TD ALIGN=left>
<B><FONT FACE="Comic Sans MS" SIZE=2 COLOR=#000000>MSISDN Number</FONT></B>
</TD>
<TD ALIGN=middle WIDTH=10>
<B><FONT FACE="Comic Sans MS" SIZE=2 COLOR=#000000>:</FONT></B>
</TD>
<TD>
<INPUT name="fldNDC" onbeforepaste="restrict('NDC');" value="" onkeypress="restrict('NDC');" ondblclick="restrict('NDC');" style="HEIGHT: 22px; LEFT: 4px; TOP: 3px; WIDTH: 43px" size=6 MAXLENGTH=5> <INPUT name="fldMSISDN" onbeforepaste="restrict('MSISDN');" value="" onkeypress="restrict('MSISDN');" ondblclick="restrict('MSISDN');" style="HEIGHT: 22px; WIDTH: 113px" size=14 MAXLENGTH=10>
</TD>
</TR>
<TR>
<TD COLSPAN=3>
<BR><BR>
</TD>
</TR>
<TR>
<TD ALIGN=middle>
<INPUT TYPE=button value="Open" name= tbOpen onclick="tbOpen_click();">
</TD>
<TD ALIGN=middle COLSPAN=2>
<INPUT id=tbClear TYPE=submit value="Clear" name=tbClear >
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</FORM>

</BODY>
</HTML>

É

http://www.endamcg.com/finland-gaa

SashiRaveendran · Jul 2, 2002

you can't nest HTML pages within each other, you may wanna use an iframe for what you are trying to achieve

TyzA · Jul 2, 2002

Hi,

Why can't I nest HTML pages? I works fine, you should try it. Just code the html code into your editor and watch it in your browser.

Sjravee, Thanks for that. I hadn't touhgt about that. That will probably work.

Programming is like sex: one mistake and you have to support it for the rest of your life.

SashiRaveendran · Jul 2, 2002

As you have proved with your code, browsers are forgiving. It may work visually however my only concern would be if other people saw your code and actually thought this was valid HTML architecture. The problems will probably occur if you attempted to add script to this page, i havent tried it but I would be amazed if you didnt come across any problems.

My advice would be to do it correctly!

I have to admit i didnt expect this code to render in Netscape 4 but it did!

cian · Jul 2, 2002

Hi,

NO you can't nest pages, ti may look ok to you but probably wont in other browsers. Not only is it against the law but it's a mortal sin! Don't do it!
Anyway, there's no reason why you need to do it. In your example above you just need to add the table code into the main page, NOT the whole document!!

É

http://www.endamcg.com/finland-gaa

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Two CSS file links in one HTML page

TyzA

Programmer

cian

Technical User

SashiRaveendran

Programmer

TyzA

Programmer

SashiRaveendran

Programmer

cian

Technical User

Similar threads

Part and Inventory Search

Sponsor