I am using a table in a template that, in design view, is located ok, but in F12 view (real view) gets wider and offset away to the right, thus overlapping other images.

I am probably forgetting to include / exclude some properties of the table in the CSS, but there are so many combinations to try (table, tr,td, and all the margins) that I suppose an experienced person will point straight to the stuff I am misusing.

Might someone help, please?

Hi there,

If you want to set a specific width for the table, try this CSS:

<table style="width: 300px;">

</table>

This will make the entire table 300px wide. You can then style individual table cells as well, like this:

<table style="width: 300px;">
<tr>
  <td style="width: 100px;">Cell 1</td>
  <td style="width: 200px;">Cell 2</td>
</tr>
</table>

The second cell is now twice as big as the first one.

Cheers,

Imar


---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.