Invisible table with image in notice


Active member
I want to include a simple invisible two column table in a notice with 4 pixel padding. The first column will have a small image and the second column will have the text of the notice. I created this in standard html, but the table for some reason is visible in IE8 even though the border is set to 0.

If anyone can help, it would be most appreciated.


Active member
Much appreciated Jake. This got me going in the right direction.

One more though... What code would I use to put a square box around the same image in a notice just like on the member avatars shown to the left of posts?

Thanks man!

Jake Bunce

XenForo moderator
Staff member
You can use more inline styling to get the desired effect:

<div style="float: left; width: 50px; margin-right: 10px; background-color: red; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;">
	<img src="path/to/image.gif" />

That will give you a nice rounded box around the image.