Reco
01-28-2003, 06:43 PM
OverLapping Tables
How do i prevent the content of a table overlapping another. I see this when the Browser window is resized (i.e made Smaller). Secondly this may be related but why can't i get the website content wider (while using tables) so that i can scroll horizontally ? Codes below :
<Html>
<Head>
<Title> MetaLabs Inc | Technology Driven ®</Title>
<Meta Name="Author" Content="Mead Hatcher">
<Meta Name="Description" Content="MetaLabs Inc. Corporate Website">
<Meta Name="Keyword" Content=" Technology, MetaLabs, Software">
<! CSS Codes -->
<STYLE type="text/css">
<!--
A:link {TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:visited {TEXT-DECORATION: none}
A:hover {TEXT-DECORATION: underline}
-->
</STYLE>
<! End CSS Codes-->
</Head>
<Body Link=#000000 Vlink=#999999 Alink=#000000>
<A Href ="index2.html" onMouseOver="window.status='MetaLabs Home Page'; return true;"><img src="assets\images\logo.jpg" Border=0 Alt="MetaLabs's Home Page"> </a>
<! Top Table Codes-->
<Table Align=" " Border="0" Height="5" Width="100%">
<TR><TD Align="Center">::::::::::::::::::::::::::: HOME | PRODUCTS | SERVICES | FAQ | CONTACT US | ABOUT US ::::::::::::::::::::::::::::::</TD></TR>
</Table>
<! End Top Table Codes-->
<Center>
<Font Color=#0066cc Size="6">
MetaLabs Incorporated<BR>
</Font>
<Font color=#999999 Size=-1>
Technology Driven <sup>®</sup>
</Font><BR>
</Center>
<! On the Lside -->
<Table Align="left" Border="0">
<TR><TD Align="center"> <img src="assets\images\ad.gif"></TD></TR>
<TR><TD Align="center"><img src="assets\images\log.jpg"></TD></TR>
<TR><TD Align="center"><img src="assets\images\photo.jpg"></TD></TR>
</Table>
<! End on the Lside-->
<! On the Rside -->
<Table Align="right" Border="0" Width="22%" Height="180%">
<TR><TD bgcolor=#0099cc> </TD></TR>
</Table>
<! End on the Rside-->
<Center>
<Font Color=#0066cc >
<H2><U>Weekly eNewsletter</U></H2>
</Font>
</Center>
Please fill out the following form to
Subscribe to our newsletter
<! **** Form in Table Codes Below ****->
<Table Align="center" Border="0">
<Form Action="theweb.html" Align="Center" Method="Post">
<TR><TD>Name :</TD> <TD><Input Type="text" Name="Name"></TD></TR>
<TR><TD> Date Of Birth :</TD> <TD> Day
<Select Name="Day" Size="1">
<Option> 1 <Option> 2 <Option> 3 <Option> 4 <Option> 5 <Option> 6
<Option> 7 <Option> 8 <Option> 9 <Option> 10
</Select>
Month
<Select Name="Month" Size="1">
<Option> January <Option> Febuary <Option> March <Option> April <Option> May <Option> June <Option> July <Option> August <Option> September <Option> October <option> November <Option> December
</Select>
Year<Input Type=="text" Name="Year" size="4" Maxlength="4"> </TD>
<TR><TD>Address 1 :</TD><TD><Input Type=="text" Name="Address1"> </TD>
<TR><TD>Address 2 :</TD><TD><Input Type=="text" Name="Address2"> </TD></TR>
<TR><TD>Telephone # :</TD><TD><Input Type=="text" Name="Telephone"></TD></TR>
<TR><TD>Fax # :</TD><TD><Input Type=="text" Name="Fax"></TD></TR>
<TR><TD>EMail Address :</TD><TD><Input Type=="text" Name="eMail"></TD></TR>
<TR><TD> Gender :</TD><TD> Female :<Input Type="Radio" Name="Gender" Value="on"> Male :<Input Type="Radio" Name="Gender" Value="On"></TD></TR>
<TR><TD>Subcribe to <BR>Newsletter : </TD> <TD>MetaLabs: <Input Type="checkbox" Name="metaLabs" Value="on"> GoTron Electronics <Input Type="checkbox" Name="Gotron" Value="on"> </TD></TD><TR><TD></TD><TD>Miro Systems <Input Type="Checkbox" Name="Micro"> RealOne <Input Type="Checkbox" Name="RealOne"> </TD></TR>
<TR> <TD>Comment :</TD> <TD><Textarea Cols="30" Rows="8" >
</Textarea> </TD></TR>
<TR><TD></TD><TD> <input Type="submit" Value="Submit Request"> <input Type="Reset" Value="Clear Form"> </TD></TR>
</Form>
</Table>
<! **** END Form in Table Codes ****-->
<P>
<U><H3> Product Details</U></H3>(NEW)
<UL type="Disc">
<Li> CisCo DSL 11 Router
<Li> School Management Software
<Li> Registration Pro
<Li> TimeOne
<Li> GForce Video Confencing System
<Li> Backup Pro.
</UL>
</P>
<Center>
<Font size=2>
<a Href="privacy.html">Privacy Policy </a>| <a Href="Mailto:webmaster@MetaLabs.com" Title="Contact Webmaster"> Contact Webmaster </a> | <a Href="Terms.html">Terms Of Service | </a> <a Href="Contact.html"> Contact Us </a><BR>
MetaLabs Inc © 2003 All Right Reserved
</Center>
</Body>
</Html>
How do i prevent the content of a table overlapping another. I see this when the Browser window is resized (i.e made Smaller). Secondly this may be related but why can't i get the website content wider (while using tables) so that i can scroll horizontally ? Codes below :
<Html>
<Head>
<Title> MetaLabs Inc | Technology Driven ®</Title>
<Meta Name="Author" Content="Mead Hatcher">
<Meta Name="Description" Content="MetaLabs Inc. Corporate Website">
<Meta Name="Keyword" Content=" Technology, MetaLabs, Software">
<! CSS Codes -->
<STYLE type="text/css">
<!--
A:link {TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:visited {TEXT-DECORATION: none}
A:hover {TEXT-DECORATION: underline}
-->
</STYLE>
<! End CSS Codes-->
</Head>
<Body Link=#000000 Vlink=#999999 Alink=#000000>
<A Href ="index2.html" onMouseOver="window.status='MetaLabs Home Page'; return true;"><img src="assets\images\logo.jpg" Border=0 Alt="MetaLabs's Home Page"> </a>
<! Top Table Codes-->
<Table Align=" " Border="0" Height="5" Width="100%">
<TR><TD Align="Center">::::::::::::::::::::::::::: HOME | PRODUCTS | SERVICES | FAQ | CONTACT US | ABOUT US ::::::::::::::::::::::::::::::</TD></TR>
</Table>
<! End Top Table Codes-->
<Center>
<Font Color=#0066cc Size="6">
MetaLabs Incorporated<BR>
</Font>
<Font color=#999999 Size=-1>
Technology Driven <sup>®</sup>
</Font><BR>
</Center>
<! On the Lside -->
<Table Align="left" Border="0">
<TR><TD Align="center"> <img src="assets\images\ad.gif"></TD></TR>
<TR><TD Align="center"><img src="assets\images\log.jpg"></TD></TR>
<TR><TD Align="center"><img src="assets\images\photo.jpg"></TD></TR>
</Table>
<! End on the Lside-->
<! On the Rside -->
<Table Align="right" Border="0" Width="22%" Height="180%">
<TR><TD bgcolor=#0099cc> </TD></TR>
</Table>
<! End on the Rside-->
<Center>
<Font Color=#0066cc >
<H2><U>Weekly eNewsletter</U></H2>
</Font>
</Center>
Please fill out the following form to
Subscribe to our newsletter
<! **** Form in Table Codes Below ****->
<Table Align="center" Border="0">
<Form Action="theweb.html" Align="Center" Method="Post">
<TR><TD>Name :</TD> <TD><Input Type="text" Name="Name"></TD></TR>
<TR><TD> Date Of Birth :</TD> <TD> Day
<Select Name="Day" Size="1">
<Option> 1 <Option> 2 <Option> 3 <Option> 4 <Option> 5 <Option> 6
<Option> 7 <Option> 8 <Option> 9 <Option> 10
</Select>
Month
<Select Name="Month" Size="1">
<Option> January <Option> Febuary <Option> March <Option> April <Option> May <Option> June <Option> July <Option> August <Option> September <Option> October <option> November <Option> December
</Select>
Year<Input Type=="text" Name="Year" size="4" Maxlength="4"> </TD>
<TR><TD>Address 1 :</TD><TD><Input Type=="text" Name="Address1"> </TD>
<TR><TD>Address 2 :</TD><TD><Input Type=="text" Name="Address2"> </TD></TR>
<TR><TD>Telephone # :</TD><TD><Input Type=="text" Name="Telephone"></TD></TR>
<TR><TD>Fax # :</TD><TD><Input Type=="text" Name="Fax"></TD></TR>
<TR><TD>EMail Address :</TD><TD><Input Type=="text" Name="eMail"></TD></TR>
<TR><TD> Gender :</TD><TD> Female :<Input Type="Radio" Name="Gender" Value="on"> Male :<Input Type="Radio" Name="Gender" Value="On"></TD></TR>
<TR><TD>Subcribe to <BR>Newsletter : </TD> <TD>MetaLabs: <Input Type="checkbox" Name="metaLabs" Value="on"> GoTron Electronics <Input Type="checkbox" Name="Gotron" Value="on"> </TD></TD><TR><TD></TD><TD>Miro Systems <Input Type="Checkbox" Name="Micro"> RealOne <Input Type="Checkbox" Name="RealOne"> </TD></TR>
<TR> <TD>Comment :</TD> <TD><Textarea Cols="30" Rows="8" >
</Textarea> </TD></TR>
<TR><TD></TD><TD> <input Type="submit" Value="Submit Request"> <input Type="Reset" Value="Clear Form"> </TD></TR>
</Form>
</Table>
<! **** END Form in Table Codes ****-->
<P>
<U><H3> Product Details</U></H3>(NEW)
<UL type="Disc">
<Li> CisCo DSL 11 Router
<Li> School Management Software
<Li> Registration Pro
<Li> TimeOne
<Li> GForce Video Confencing System
<Li> Backup Pro.
</UL>
</P>
<Center>
<Font size=2>
<a Href="privacy.html">Privacy Policy </a>| <a Href="Mailto:webmaster@MetaLabs.com" Title="Contact Webmaster"> Contact Webmaster </a> | <a Href="Terms.html">Terms Of Service | </a> <a Href="Contact.html"> Contact Us </a><BR>
MetaLabs Inc © 2003 All Right Reserved
</Center>
</Body>
</Html>