Silly rows in table issue

Question

yourcompsol 0 Newbie Poster

18 Years Ago

hey there,

i have a master table width 780

i have two rows each width 390 , one aligned right, one aligned left.

The left isn't bringing my address info to the left, its indented somewhat.

any ideas?

www.mackenzie-design.net

thanks
John

web-design

4 Contributors
5 Replies
139 Views
5 Days Discussion Span
Latest Post 18 Years Ago Latest Post by f1 fan

All 5 Replies

tgreer 189 Made Her Cry

18 Years Ago

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.

f1 fan 16 Posting Whiz in Training

18 Years Ago

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 :)

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

Sudhakarj 0 Newbie Poster · Answer 1 · 2006-01-26T16:47:05+00:00

would u pls post ur code so that i can rectify ur problem.

chees!!!

yourcompsol 0 Newbie Poster · Answer 2 · 2006-01-26T18:53:49+00:00

<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>

yourcompsol 0 Newbie Poster · Answer 3 · 2006-01-26T18:56:47+00:00

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..."

Silly rows in table issue

Recommended Answers Collapse Answers

All 5 Replies

Recommended Answers