Jump to content


Expandable Tables...


3 replies to this topic

#1 PowerSeeker

    Young Padawan

  • Validating
  • Pip
  • 40 posts
  • Location:Australia

Posted 24 September 2007 - 09:06 AM

Hey guys, I have just created a layout and I need it so the tables can expand but I dont know how I can slice it that way. Here is a basic outline of what the layout looks like.

Posted Image

As you can see I have a side bar and my main content area. I need it so I can type however much in the table I want and it will expand and not screw up the table. But I can't slice it out of the content area or my text will be going outside of the content area!

If anyone could help it would be greatly appreciated!

Thanks
PowerSeeker

#2 Jacorre

    P2L Jedi

  • Members
  • PipPipPip
  • 824 posts
  • Gender:Male
  • Location:USA
  • Interests:Computers, Technology, Internet, Graphic/Web Design, Music, Soccer

Posted 24 September 2007 - 09:12 AM

Tables will increase in size based on the amount of content within the cells. I'm assuming you want the content to continue downward. It would be helpful to see the design you're working with to give you advice on how to slice it appropriately. Also, you may want to check out Slicing Guide.

#3 PowerSeeker

    Young Padawan

  • Validating
  • Pip
  • 40 posts
  • Location:Australia

Posted 24 September 2007 - 09:22 AM

The layout is at

http://www.konceptwe...rs.com/main.htm

Its only 1 image atm and fully unformatted

Thanks
PowerSeeker

#4 Jacorre

    P2L Jedi

  • Members
  • PipPipPip
  • 824 posts
  • Gender:Male
  • Location:USA
  • Interests:Computers, Technology, Internet, Graphic/Web Design, Music, Soccer

Posted 24 September 2007 - 09:14 PM

The basic layout you show will work with your design. If you want to use tables you could use the following:

<table border="0" cellspacing="0" cellpadding="0">
<tr>
  <td>image slice for header</td>
</tr>
<tr>
  <td>

  <table border="0" cellspacing="0" cellpadding="0">
  <tr>
	<td>image slice for link 1</td>
	<td>image slice for link 2</td>
	<td>image slice for link 3</td>
	<td>image slice for link 4</td>
  </tr>
  </table>

  </td>
</tr>
<tr>
  <td>

	 <table border="0" cellspacing="0" cellpadding="0">
	 <tr>
	   <td>
		 Content goes here...
	   </td>
	   <td>
		 User information goes here...
	   </td>
	 </tr>
	 </table>

  </td>
</tr>
<tr>
  <td>image slice for the footer</td>
</tr>
</table>






1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users