4
Contributors
5
Replies
6
Views
11 Years
Discussion Span
Last Post by f1 fan
0
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
td {
font-family: verdana;
font-size: 10px;
color: #000000;
text-decoration: none;
border: none;
}
img {
text-decoration: none;
border: none;
}
.a {
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #075875;
text-decoration: underline;
border: none;
}
.style1 {font-size: 12px}
.style2 {font-size: 12}
.style4 {
font-size: 12;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
}
-->
</style>
</head>
<body style="background-color:#FFFFFF; margin-top:0; margin-left:0; background:url(images/main_bg.jpg)">
<table width=780 height="100%" border=0 cellpadding=0 cellspacing=0 align="center" bgcolor="#FFFFFF">
<tr>
<td width="1" bgcolor="#000000" rowspan="100"><img src="images/spacer.gif" width="1" height="1" alt="spacer image"></td>
<td><img src="images/spacer.gif" width=136 height=1 alt="spacer image"></td>
<td><img src="images/spacer.gif" width=153 height=1 alt="spacer image"></td>
<td><img src="images/spacer.gif" width=9 height=1 alt="spacer image"></td>
<td><img src="images/spacer.gif" width=195 height=1 alt="spacer image"></td>
<td><img src="images/spacer.gif" width=140 height=1 alt="spacer image"></td>
<td><img src="images/spacer.gif" width=147 height=1 alt="spacer image"></td>
<td width="1" bgcolor="#000000" rowspan="100"><img src="images/spacer.gif" width="1" height="1" alt="spacer image"></td>
</tr>
<tr>
<!--FLASH-->
<td width=780 height=211 colspan=6>
<table width="780" height="211" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/1.jpg" border="0" usemap="#Map1"></td>
</tr>
<tr>
<td><img src="images/2.jpg"></td>
</tr>
<tr>
<td><img src="images/3.jpg"><a href=""><img src="images/4.jpg"></a><a href=""><img src="images/5.jpg"></a><a href=""><img src="images/6.jpg"></a><img src="images/7.jpg"><a href=""><img src="images/8.jpg"></a><a href=""><img src="images/9.jpg"></a><a href=""><img src="images/10.jpg"></a><img src="images/11.jpg"></td>
</tr>
</table>
</td>
<!--FLASH-->
<td><img src="images/spacer.gif" width=1 height=211 alt=""></td>
</tr>
<tr>
<td colspan=2><img src="images/l.jpg" width=289 height=32 alt=""></td>
<td colspan=2 rowspan=2 width="204" height="89" background="images/c.jpg" valign="bottom" align="center"><input name="" type="text" style="width;139;height:18"></td>
<td colspan=2><img src="images/r.jpg" width=287 height=32 alt=""></td>
<td><img src="images/spacer.gif" width=1 height=32 alt="spacer image"></td>
</tr>
<tr>
<td rowspan=3><img src="images/l1.jpg" width=136 height=109 alt=""></td>
<td rowspan=3 width="153" height="109" background="images/l2.jpg">
<table width="153" height="109" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" style="color:#ffffff;padding-top:10">
<b style="color:#FFD100"><u>Lorem ipsum dolor</u></b> sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</td>
</tr>
</table>
</td>
<td rowspan=3><img src="images/r1.jpg" width=140 height=109 alt=""></td>
<td rowspan=3 width="147" height="109" background="images/r2.jpg" valign="top">
<table width="147" height="109" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" style="color:#ffffff;padding-top:10">
<b style="color:#FFD100"><u>Lorem ipsum dolor</u></b> sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</td>
</tr>
</table>
</td>
<td><img src="images/spacer.gif" width=1 height=57 alt="spacer image"></td>
</tr>
<tr>
<td colspan=2 width="204" height="38" background="images/c1.jpg" valign="bottom" align="center"><input name="" type="text" style="width;139;height:18"></td>
<td><img src="images/spacer.gif" width=1 height=38 alt=""></td>
</tr>
<tr>
<td colspan=2 rowspan=2><img src="images/c2.jpg" alt="" width=204 height=81 border="0" usemap="#Map3"></td>
<td><img src="images/spacer.gif" width=1 height=14 alt="spacer image"></td>
</tr>
<tr>
<td colspan=2><img src="images/l3.jpg" alt="login" width=289 height=67 border="0" usemap="#Map2"></td>
<td colspan=2><img src="images/r3.jpg" alt="clear" width=287 height=67 border="0" usemap="#Map4"></td>
<td><img src="images/spacer.gif" width=1 height=67 alt=""></td>
</tr>
<tr>
<td width=298 height="100%" colspan=3>
<table width="298" height="100%" border="0" cellpadding="0" cellspacing="0-">
<tr>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="282" valign="top" bgcolor="#FFEEB9">
<table width="282" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" style="padding-left:20;padding-right:20;padding-bottom:20">
<img src="images/icon.gif">&nbsp;&nbsp;<strong><u>new site coming soon </u></strong><br>
<br>
Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
<br><br>
<a href="" class="a">Read More...</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" class="a">Send Comments...</a>
</td>
</tr>
</table>
</td>
<td width="16" valign="top" bgcolor="#FFD059"><img src="images/z.jpg"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="images/z1.jpg"></td>
</tr>
<tr>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="282" valign="top" bgcolor="#D9D9D9">
<table width="282" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" style="padding-left:20;padding-right:20;padding-bottom:20;padding-top:20">
<img src="images/icon.gif">&nbsp;&nbsp;<b style="color:#075875"><u>Lorem ipsum dolor sit amet</u></b>
<br><br>
Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
<br><br>
<a href="" class="a">Read More...</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" class="a">Send Comments...</a>
</td>
</tr>
</table>
</td>
<td width="16" valign="top" bgcolor="#999999"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="100%" background="images/bg1.jpg"></td>
</tr>
</table>
</td>
<td width=482 height="100%" colspan=3>
<table width="482" height="100%" border="0" cellpadding="0" cellspacing="0-">
<tr>
<td width="195" background="images/bg2.jpg">
<table width="195" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/top.jpg"></td>
</tr>
<tr>
<td style="padding-left:10;padding-right:20">
<b style="color:#FFA800"><u>Lorem ipsum dolor sit amet,</u></b> consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
<br><br>
<b style="color:#FFA800"><u>Duis autem vel eum iriure</u></b> dolor in hendrerit in vulputate velit  facilisis at vero eros et accumsan et iusto odio dignissim qui blandit facilisi.
<br><br>
<b style="color:#075875">
- Lorem ipsum dolor  amet<br>
- Sed ut perspiciatis <br>
- Ut wisi enim minim<br>
- Lorem ipsum dolor amet <br>
- Sed ut perspiciatis
</b>
</td>
</tr>
<tr>
<td height="100%"></td>
</tr>
</table>
</td>
<td width="287">
<table width="287" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/top1.gif"></td>
</tr>
<tr>
<td style="padding-top:15;padding-left:15;[adding-right:20">
<b style="color:#FFA800"><u>Lorem ipsum dolor sit amet,</u></b> consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi quis nostrud exerci tation ullam
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="96" valign="top"><img src="images/img.gif"></td>
<td width="191" valign="top" style="padding-top:15;padding-right:20">
<b style="color:#FFA800"><u>Duis autem vel eum iriure dolor</u></b> in hendrerit in vulputate velit  facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent duis dolore t
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding-left:15;padding-right:20">
<b style="color:#FFA800"><u>Sed ut perspiciatis,</u></b> atus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa.
</td>
</tr>
<tr>
<td style="padding-top:15;padding-bottom:15"><img src="images/line.jpg"></td>
</tr>
<tr>
<td style="padding-left:20">
<b style="color:#075875">
- Lorem ipsum dolor  amet  ut perspiciatis <br>
- Ut wisi enim minim ipsum dolor amet <br>
- Sed ut perspiciatis ipsum dolor amet
</b>
</td>
</tr>
<tr>
<td height="100%"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td><img src="images/sacer.gif" width=1 height=291 alt=""></td>
</tr>
<tr>
<td width=780 height=40 colspan=6 background="images/bg.jpg" align="center" valign="middle"><span class="style1">Copyright 2006 &copy; MacKenzie Design</span></td>
<td><img src="images/spacer.gif" width=1 height=40 alt="spacer"></td>
</tr>
<tr>
<td width=390 height=50 colspan=3 align="left" valign="middle"><a href="http://www.yourcompsolution.com"><img src="images/logo50.png" alt="A Computer Solutions Company."></a></td>
<td width=390 height=50 colspan=3 align="right" valign="bottom"><p class="style2"><span class="style4">MacKenzie Design<br>
233 West St.<br>
Oneida NY 13421<br>
315-264-9383<br>
<a href="mailto:info@mackenzie-design.net">info@mackenzie-design.net</a></span></td>
<td><img src="images/spacer.gif" width=1 height=50 alt="spacer"></td>
</tr>
</table>
<map name="Map1">
<area shape="rect" coords="247,12,315,33" href="#">
<area shape="rect" coords="322,12,387,34" href="#">
<area shape="rect" coords="394,11,460,32" href="#">
<area shape="rect" coords="469,14,530,34" href="#">
</map>
<map name="Map2">
<area shape="rect" coords="187,11,279,27" href="#">
</map>
<map name="Map3">
<area shape="rect" coords="61,9,141,28" href="#">
<area shape="rect" coords="60,32,141,52" href="#">
</map>
<map name="Map4">
<area shape="rect" coords="11,12,104,24" href="#">
</map>
</body>
</html>

Edited by happygeek: fixed formatting

0

Also having a weird issue that if I specify the doctype as 401 transitional, that above "new site coming soon" a new row appears exactly the width of the row to the left of it, above the "lorem ipsum..."

0

Please use code tags. It's very difficult to understand and answer messages that combine code and commentary without differentiation. Also, please use correct punctuation, spelling, and grammar. This is a professional forum, not a teen party site.

0

You said you have 2 rows - one to left and one to right? Shouldnt they be columns? i got lost following all your code... couldnt you just post the part causing the problem so we dont have to wade through 300 <td>s and <tr>s? Couldnt you use divs instead? so much nicer and tables were never meant for layout. a div and css gives you much better control and so so so much easier to read :)

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.