Viewing 3 posts - 1 through 3 (of 3 total)
-
Posts
-
Hi Guys,
I’m trying to put an image next to some text in a text block element (see here: http://symbioticmarketing.co.uk/services/offline-marketing/) and I figured the best way to do that was with HTML tables so I’ve written the following:
<table align="top">
<tbody>
<tr>
<td align="top" valign="top">
<ul>
<li>Logo Design & Branding</li>
<li>Business Stationery</li>
<li>Corporate Brochures</li>
<li>Catalogues & Newsletters</li>
<li>Direct Mail, Leaflets & Flyers</li>
<li>Exhibition Graphics & Systems Press Advertising</li>
<li>Vehicle Livery & Signage</li>
<li>Promotional Merchandise</li>
<li>Packaging & POS</li>
</ul>
</td>
<td><img alt="" src="http://symbioticmarketing.co.uk/wp-content/uploads/2013/04/google_print.jpg" /></td>
</tr>
</tbody>
</table>but, despite looking correct in the dashboard, this is not aligning correctly as you can see in the link. What should I do?
The valign top attribute is not supported in html5 anymore but you must use css3 code. Try:
<table align="top">
<tbody>
<tr>
<td style="vertical-align: top;">
<ul>
<li>Logo Design & Branding</li>
<li>Business Stationery</li>
<li>Corporate Brochures</li>
<li>Catalogues & Newsletters</li>
<li>Direct Mail, Leaflets & Flyers</li>
<li>Exhibition Graphics & Systems Press Advertising</li>
<li>Vehicle Livery & Signage</li>
<li>Promotional Merchandise</li>
<li>Packaging & POS</li>
</ul>
</td>
<td><img alt="" src="http://symbioticmarketing.co.uk/wp-content/uploads/2013/04/google_print.jpg" /></td>
</tr>
</tbody>
</table>
Viewing 3 posts - 1 through 3 (of 3 total)
- The topic ‘Tables in Text Block’ is closed to new replies.