homepage Welcome to WebmasterWorld Guest from 184.72.82.126
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / WYSIWYG and Text Code Editors
Forum Library, Charter, Moderator: open

WYSIWYG and Text Code Editors Forum

    
Tables will not line up in dreamweaver
madant




msg:3239158
 5:31 am on Feb 1, 2007 (gmt 0)

I am trying to design a webpage for te school I work at, however, I am having a problem with tables. What I would like are three seperate columns. Two of the columns will have an image border, with text inside, and the last column is for an image/ button links. When I create the tables in dreamweaver, they are all aligned at the top of the page, but hwen I view them in IE7 the last column drops lower than the others. you can view the site at <url removed>

I will paste the code too, if that helps

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><SCRIPT LANGUAGE="JavaScript">

<!-- Begin
showImage();
// End -->
</script></td>
</tr>
<tr>
<td height="20" align="left" valign="middle" bgcolor="#666666"><img src="images/index_Sides.gif" width="465" height="20"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="10">&nbsp;</td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<td rowspan="2" valign="top"><table width="124" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="124"><img src="images/index_body_03.jpg" width="124" height="12"></td>
</tr>
<tr>
<td width="124" background="images/index_body_07.jpg"><table width="100" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="left"><span class="style5">Quicklinks</span></div></td>
</tr>
<tr>
<td><div align="left">
<table width="95%" border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td><span class="style3"><a href="http://mail.btps.ca">Webmail</a><br>
<a href="#">Calendar</a><br>
<a href="#">Timetables</a><br>
<a href="#">Report</a><br>
<a href="/jrrobson/moodle">Moodle</a></span><span class="style4"><br>
</span></td>
</tr>
</table>
<br>
<br>
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/index_body_15.jpg" alt="1" width="124" height="15"></td>
</tr>
</table></td>
<td rowspan="2" valign="top"><table width="329" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/index_body_04.jpg" width="329" height="12"></td>
</tr>
<tr>
<td background="images/index_body_08.jpg"><table width="296" border="0" align="center" cellpadding="2" cellspacing="0">
<tr>
<td width="149"><span class="style5">News </span></td>
<td width="147"><span class="style8">Events </span></td>
</tr>
<tr>
<td width="147" valign="top"><table width="95%" border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td><p class="style6"><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</a>. Sed pellentesque erat ac ligula. Nullam lorem tortor, dignissim quis. </p></td>
</tr>
<tr>
<td><p class="style6"><a href="#">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing elit. Sed pellentesque erat ac ligula. Nullam lorem tortor, dignissim quis. </p></td>
</tr>
<tr>
<td><span class="style9"><a href="#">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing elit. Sed pellentesque erat ac ligula. Nullam lorem tortor, dignissim quis. </span></td>
</tr>
<tr>
<td><h3><span class="style10"><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed </a>pellentesque erat ac ligula. Nullam lorem tortor, dignissim quis. </span></h3></td>
</tr>
</table></td>
<td valign="top"><table width="140" border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td width="140"><span class="style6"><a href="#">Final exam schedule is now available online.</a> Be sure to check for times and rooms. </span></td>
</tr>
<tr>
<td><p class="style6"><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit. vcbxcvbxc djh adskjha dskjdj kajsdh sadkjh askjh asdkjh d uie kj kjhekjh djh iu k lkjhdslify kjhewkljy kjehw ew jyaiy kjh iuaskdjh ewkjh kljsdk flh4e ejk dsajjllljhldfio jre askjhfaldjfh lkiaehrl aiuylksdjh er </p></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/index_body_16.jpg" width="329" height="15"></td>
</tr>
</table></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/index_body_05.jpg" width="280" height="125"></td>
</tr>
<tr>
<td><a href="$"><img src="images/index_body_10.jpg" width="70" height="70" border="0"></a><a href="http://www.example.ca"><img src="images/index_body_11.jpg" width="70" height="70" border="0"></a><a href="#"><img src="images/index_body_12.jpg" width="69" height="70" border="0"></a><a href="#"><img src="images/index_body_13.jpg" width="71" height="70" border="0"></a></td>
</tr>
</table> </td>
</tr>
<tr>
<td height="14">&nbsp;</td>
</tr>
</table></td>
</tr>
</table>

[edited by: encyclo at 11:14 am (utc) on Feb. 1, 2007]
[edit reason] no URLs please, see TOS [webmasterworld.com] [/edit]

 

appi2




msg:3239165
 6:13 am on Feb 1, 2007 (gmt 0)

Add Valign="top" to the table cell.

You should be using less tables and css but for now this should do.

PS
See WebmasterWorld TOS no putting url of your site in posts, you may want to edit your post.

<td><img src="images/index_body_16.jpg" width="329" height="15"></td>
</tr>
</table></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / WYSIWYG and Text Code Editors
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved