Invisible table with image in notice

[Phillip]

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.

 

[Jake Bunce]

Reminds of this:

http://xenforo.com/community/thread...olor-of-3-columns-in-pages.24619/#post-300590

Try using inline styling as shown in that post.

You can also use floating divs:

<div style="float: left; width: 50px;">
	<img src="path/to/image.gif" />
</div>

<div>
	TEXT ON THE RIGHT
</div>

 

[Phillip]

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]

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" />
</div>

<div>
	TEXT ON THE RIGHT
</div>

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