Text alignment in module

Greetings,
I've created a module with a table with embedded video in the right column and text in the left. No matter what I try, the text does not align to the top of the table cell.

The site is using the PenguinMail template with Joomla! 2.5.14.

Here's the link: http://www.wayofchampions.com/index.php ... am-culture

Please advise

Hi,
because you forgot about "vertical-align" for td (from our css),

so please use

Code: Select all

td { vertical-align:none;}

it should help!

How to use custom CSS: http://www.gavick.com/documentation/joo ... -template/

I actually did the vertical align top.... here's the code:

<table border="0">
<tbody>
<tr>
<td valign="top">
<p><span style="font-size: 14pt;">Here is how a team with a strong CHAMPION CULTURE plays, behaves and believes. They possess all the virtues,values, traits and characteristics of a true champion culture which I teach to all my teams using Eastern thought, Western psychology and Native American tradition. Read contents below for more.</span></p>
</td>
<td><iframe src="//player.vimeo.com/video/77531742?byline=0&amp;color=ffffff" frameborder="0" width="500" height="380"></iframe>
<p><a href="http://vimeo.com/77531742">1998 Terps Women's Lacrosse</a> from <a href="http://vimeo.com/pixelwor">Pixel Workshop</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
</td>
</tr>
</tbody>
</table>

p.s.
I saw that you have cache enabled, please turn it off for a while, clear cache - and ..should work. Than enable cache again

ok, try this

Code: Select all

<td valign="top" style="vertical-align:top;">

this works 100%

p.s.
The <td> valign attribute is not supported in HTML5. Use CSS instead, as I show you.

p.s.
I saw that you have problems with adding images.
For example here: http://www.wayofchampions.com/index.php ... am-culture

No padding between text and image.
I checked source code and I saw that you used right-margin -- but you should use left-margin instead.
and more than 5px - for example 10px.


Also images in box with text under looks "unprofessional" - I suggest to create css style for those elements.

Code: Select all
<td valign="top" style="vertical-align:top;">

Tried that, but text is still locked below baseline of video. Also tried adding to override.css:
td { vertical-align:none;}


Re: type in boxes, inherited that code from an earlier site version, and just haven't changed them all yet.

I had the cache turned off and cleared browser cache, and nothing happened, but just checked again and it looks like it's fixed. Not sure what the delay was...

Thanks for your help!