Archived

This topic is now archived and is closed to further replies.

  • 0

table spacing


Question

Posted · Report post

so I have a flash animation in a widget to make it a banner, I decided to make the banner smaller and put some information beside it and put it in a table so it would work, there was some odd spacing going on so I put some style coding to fix it but now there is odd spacing at the bottom of the table.

 

http://ctlinternational.ca/wp/

 

here is my code: 


<table>
<tr>
<td style="position:relative;bottom:200px;"><h3>Home</h3>CTL Business Group Limited was established in 2007. We have offices in Calgary, Canada and Taipei, Taiwan. Our professional staffs and partners provide practical business management experiences to the clients.</td>
<td align="right">[swfobject]263[/swfobject]</td>
</tr>
</table>

 

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

The screen shot you is exactly what was happening before I put in the fix of position relative, bottom: 200px.

 

I have'nt put any css code in and put the styling straight into the html. 

 

what I am getting is a space of approximately 100px (guessing) between my banner and the 3 services after.

 

I'm wondering why the table is making this problem. and why the content is not on the same level at my banner, when they are both on the same row.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

WordPress is very finicky about tables.

 

I'd recommend you make sure you include the <tbody> tags like this:

 

<table class="mytable1">
<tbody>

<tr><td class="mytable1" id="td1">YOUR CONTENT</td></tr>

</tbody>

</table>

 

But you should also include a specific class and IDs, as shown above. You can then apply custom code to the table and cells, telling it what to do.

 

Here's an incredible resource for building tables with CSS which is a much better way in WordPress: http://coding.smashingmagazine.com/2008/08/13/top-10-css-table-designs/

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there,

 

Do you see the table display like this in your browser- http://screencast.com/t/F5FW183d

 

What was the css code you put in? I can't seem to find it in the sourcecode.

 

On the inline style for the table, try editing the 200px to 0pm. Bottom:0px should place that content at the base of the table.

Share this post


Link to post
Share on other sites