944,212 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > adjacent tables split up with content
Ad:
Permalink
Nov 12th, 2006
0

adjacent tables split up with content

Expand Post »
Hi all,

I have set up my website with tables, with columns on the left, then a center with the main content in, then another table will the content on the right. Whenever i have a lot of text in the center, the columns on the left go bigger, therefor making them look strange because of the background pics. Here is a link to how it looks:

http://www.themepics.co.uk/grafex/broken.htm

(dont worry about a few broken links to pics - this is not were i am storing the site)

how can i stop that from happening?

thanks,

Max

ps this is how it should look: http://www.themepics.co.uk/grafex/not-broken.htm
Last edited by MaxMumford; Nov 12th, 2006 at 12:45 pm. Reason: forgot not broken link
Similar Threads
Reputation Points: 32
Solved Threads: 3
Posting Whiz in Training
MaxMumford is offline Offline
228 posts
since Oct 2006
Permalink
Nov 12th, 2006
0

Re: adjacent tables split up with content

You could specify width for the whole table or each column with width attribute or simply use width style property for that.
Reputation Points: 85
Solved Threads: 42
Nearly a Posting Virtuoso
vishesh is offline Offline
1,362 posts
since Oct 2006
Permalink
Nov 12th, 2006
0

Re: adjacent tables split up with content

Hi there,

use this layout plan for rectify your problem.

http://www.justexpert.com/1a.jpg

Html code :-

HTML and CSS Syntax (Toggle Plain Text)
  1.  
  2. <table width="95%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#666666">
  3.   <tr>
  4.     <td height="117" colspan="3" valign="top"><div align="center">
  5.         <h1>Header content</h1>
  6.       </div></td>
  7.   </tr>
  8.   <tr>
  9.     <td width="19%" height="487" valign="top"><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#999999">
  10.         <tr>
  11.           <td><div align="center"><strong>Navigation 
  12.               Table</strong></div></td>
  13.         </tr>
  14.         <tr>
  15.           <td height="193" valign="top">&nbsp;</td>
  16.         </tr>
  17.       </table></td>
  18.     <td width="64%" valign="top"><table width="100%" height="449" border="1" cellpadding="0" cellspacing="0" bordercolor="#666666">
  19.         <tr>
  20.           <td valign="top"><h1 align="center">Main content Table </h1></td>
  21.         </tr>
  22.       </table></td>
  23.     <td width="17%" valign="top"><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#999999">
  24.         <tr>
  25.           <td><div align="center"><strong>Navigation 
  26.               Table/ad</strong></div></td>
  27.         </tr>
  28.         <tr>
  29.           <td height="204" valign="top">&nbsp;</td>
  30.         </tr>
  31.       </table></td>
  32.   </tr>
  33.   <tr>
  34.     <td height="102" colspan="3" valign="top"><div align="center">
  35.         <h1>Footer  content</h1>
  36.       </div></td>
  37.   </tr>
  38. </table>

Best Regards,
Rahul Dev
Last edited by katarey; Nov 12th, 2006 at 4:39 pm.
Reputation Points: 39
Solved Threads: 23
Junior Poster
katarey is offline Offline
167 posts
since Jul 2005
Permalink
Nov 12th, 2006
0

Re: adjacent tables split up with content

Ok thanks. after posting i did pretty much that layout, and made a new editable region in the lower content, and for some reason it didnt even show up. there was text in the region, but it didnt show up in IE7 preview. This is a link to how it is now: (i made a new table, trying to have the same table cell sizes as the main table underneath so it looked like they were attatched which fixed the problem, but is very awkward to use and unelegant, especially when the window is not maximised)

http://www.themepics.co.uk/grafex/se...nd%20table.htm

Hope this is understandable! its kind of complicated :/

thanks!

Max
Reputation Points: 32
Solved Threads: 3
Posting Whiz in Training
MaxMumford is offline Offline
228 posts
since Oct 2006
Permalink
Nov 12th, 2006
0

Re: adjacent tables split up with content

didnt understood ur problem well but r u talking tabt this
This website is optimized for a screen resolution of 1024x768
All content is copyright to Grafex, www.Grafex.co.uk

Reputation Points: 85
Solved Threads: 42
Nearly a Posting Virtuoso
vishesh is offline Offline
1,362 posts
since Oct 2006
Permalink
Nov 13th, 2006
0

Re: adjacent tables split up with content

FINALLY! lol iv just fixed it using that layout design. I just had to paste the main table into the cell above, and put the lower content into a new merged cell section underneath. Thanks all! Heres how it looks atm without the pics:

http://www.ThemePics.co.uk/grafex

thanks again!! Max
Reputation Points: 32
Solved Threads: 3
Posting Whiz in Training
MaxMumford is offline Offline
228 posts
since Oct 2006

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: Browser problem's
Next Thread in HTML and CSS Forum Timeline: web page blog





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC