PDA

View Full Version : Custom Notices - How to insert a picture


EnderNolan
30 Jun 2010, 08:33
Hello Everyone, I was wondering if someone could help me figure out how to put an image into a notice with out the text wrapping around the image.

An example of what I mean is attached.

AliceHoward
30 Jun 2010, 08:53
Something like this should fit the bill:
<img src="{vb:stylevar imgdir_misc}/yourimage.pngf" alt="" style="float:right" />

You may need to use a div for the style float part, depends on what you're doing.

EnderNolan
30 Jun 2010, 09:13
Okay, I'm getting somewhere now, however the image won't center with the text now and the background only goes the height of the text, and the image sticks out.

Here is my code:
<center><img src="http://taskforce16.com/halo/radiation.png" width="100" height="100" alt="" style="float:left" />
<p><font size=4><b>Welcome to the Home of Task Force Sixteen!</b></font></p><p> If this is your first visit, be sure to check out the <a href="faq.php?{sessionurl}" target="_blank"><b>FAQ</b></a> by clicking the link above. You may have to <a href="register.php?{sessionurl}" target="_blank"><b>register</b></a> before you can post: click the register link above to proceed.</p></font>
</center>

Here is the link to my site and you can see how the welcome notice is appearing.
www.taskforce16.com

--------------- Added 1277890144 at 1277890144 ---------------

This is how I'd like it to be displayed, but with out the lines from the table. (See 2nd Notice on the webpage. www.taskforce16.com)

Here is the code for the 2nd one:

<center><TABLE>
<TR>
<TD><img src="http://taskforce16.com/halo/radiation.png" width="100" height="100" align=middle></TD>
<TD><p><font size=4><b>Welcome to the Home of Task Force Sixteen!</b></font></p><p> If this is your first visit, be sure to check out the <a href="faq.php?{sessionurl}" target="_blank"><b>FAQ</b></a> by clicking the link above. You may have to <a href="register.php?{sessionurl}" target="_blank"><b>register</b></a> before you can post: click the register link above to proceed.</p></font></td>
</TR>
</TABLE></center>