1 reply to this topic

[mychaylo]

I'm fairly new to this.... so forgive me!

 

I'm using Pagelines, and my very basic TWO-column HTML Table doesn't appear properly in my browser.... two problems:

 

1) the second-column text-content is INDENTED far to the right... I have no idea why. 

2) the second-column text-content is also situated BELOW the image-content in the first column 

 

Check out what I mean... it's weird:

Please Login or Register to see this Hidden Content

 

I gather this has to do with CSS.  But I'm not clear on how to modify CSS, if in fact, that is what I must do.

 

My goal:

- 2-column table

- picture in the first column

- text in the second column, TOP-LEFT aligned, no indents

 

HTML below.

Cheers.

 

 

<table border="1">

<tbody>

<tr>

<td><img class="alignleft size-full

Please Login or Register to see this Hidden Content

" width="248" height="140" /></td>

<td>First Headline

Second Headline</td>

</tr>

<tr>

<td><img class="alignleft size-full

Please Login or Register to see this Hidden Content

" width="248" height="140" /></td>

<td>First Headline

Second Headline</td>

</tr>

<tr>

<td><img class="alignleft size-full

Please Login or Register to see this Hidden Content

" width="248" height="140" /></td>

<td>First Headline

Second Headline</td>

</tr>

<tr>

<td><img class="alignleft size-full

Please Login or Register to see this Hidden Content

" width="248" height="140" /></td>

<td>First Headline

Second Headline</td>

</tr>

<tr>

<td><img class="alignleft size-full

Please Login or Register to see this Hidden Content

" width="248" height="140" /></td>

<td>First Headline

Second Headline</td>

</tr>

<tr>

<td><img class="alignleft size-full

Please Login or Register to see this Hidden Content

" width="248" height="140" /></td>

<td>First Headline

Second Headline</td>

</tr>

<tr>

<td><img class="alignleft size-full

Please Login or Register to see this Hidden Content

" width="248" height="140" /></td>

<td>First Headline

Second Headline</td>

</tr>

</tbody>

</table>

 

 

 

 

 

[Rob]

Hi,

 

I notice from your code that the HTML table uses no classes, IDs or inline CSS to style it.  As a result, WordPress will make it a free-form table allowing WP default styling to affect it. WordPress normally indents the cell level elements of tables unless otherwise instructed by custom CSS.

 

You would probably be better off using CSS to create the table.  Here's a guide to doing that: 

Please Login or Register to see this Hidden Content