HTML and CSS RSS HTML and CSS RSS

adjacent tables split up with content

Reply

•
•
Join Date: Oct 2006
Posts: 200
Reputation: MaxMumford is an unknown quantity at this point 
Solved Threads: 2
MaxMumford's Avatar
MaxMumford MaxMumford is offline Offline
Posting Whiz in Training

adjacent tables split up with content

 
0
  #1
Nov 12th, 2006
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
Ill solve somebody's thread someday! xD
Reply With Quote Quick reply to this message  
•
•
Join Date: Oct 2006
Posts: 1,311
Reputation: vishesh is on a distinguished road 
Solved Threads: 36
vishesh's Avatar
vishesh vishesh is offline Offline
Nearly a Posting Virtuoso

Re: adjacent tables split up with content

 
0
  #2
Nov 12th, 2006
You could specify width for the whole table or each column with width attribute or simply use width style property for that.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jul 2005
Posts: 154
Reputation: katarey is an unknown quantity at this point 
Solved Threads: 20
katarey's Avatar
katarey katarey is offline Offline
Junior Poster

Re: adjacent tables split up with content

 
0
  #3
Nov 12th, 2006
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.
Freelance Web Designer & Developer
Http//www.Katarey.com
Reply With Quote Quick reply to this message  
•
•
Join Date: Oct 2006
Posts: 200
Reputation: MaxMumford is an unknown quantity at this point 
Solved Threads: 2
MaxMumford's Avatar
MaxMumford MaxMumford is offline Offline
Posting Whiz in Training

Re: adjacent tables split up with content

 
0
  #4
Nov 12th, 2006
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
Ill solve somebody's thread someday! xD
Reply With Quote Quick reply to this message  
•
•
Join Date: Oct 2006
Posts: 1,311
Reputation: vishesh is on a distinguished road 
Solved Threads: 36
vishesh's Avatar
vishesh vishesh is offline Offline
Nearly a Posting Virtuoso

Re: adjacent tables split up with content

 
0
  #5
Nov 12th, 2006
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

Reply With Quote Quick reply to this message  
•
•
Join Date: Oct 2006
Posts: 200
Reputation: MaxMumford is an unknown quantity at this point 
Solved Threads: 2
MaxMumford's Avatar
MaxMumford MaxMumford is offline Offline
Posting Whiz in Training

Re: adjacent tables split up with content

 
0
  #6
Nov 13th, 2006
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
Ill solve somebody's thread someday! xD
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC