Jump to content


Photo
- - - - -

table spacing

table banner css customization spacing flash

  • Please log in to reply
3 replies to this topic

#1 mitzelumir

mitzelumir

    Member

  • Members
  • 18 posts
  • Framework Version:Developer
  • Country: Country Flag

Posted 05 February 2013 - 09:42 PM

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.

 

Please Login or Register to see this Hidden Content

 

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>

 



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 05 February 2013 - 11:36 PM

Hi there,

 

Do you see the table display like this in your browser-

Please Login or Register to see this Hidden Content

 

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.



#3 mitzelumir

mitzelumir

    Member

  • Members
  • 18 posts
  • Framework Version:Developer
  • Country: Country Flag

Posted 06 February 2013 - 08:09 PM

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.



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 06 February 2013 - 10:27 PM

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:

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: table, banner, css, customization, spacing, flash