PDA

View Full Version : Using HTML in posts



SpankMe
1st October 2003, 10:12
Most forum boards deny the use of HTML as it can screw up the page layout if you don't know what you are doing, but I like it enabled as it gives me more control on formatting posts.

One thing to remember when using HTML in posts is that it must be all on a single line as vBulletin adds line breaks after every line in a post. This is fine with normal text but causes many blank lines with HTML.

So the following example:<p><font face="Courier New"><font color="#0000FF">&lt;table</font>&nbsp;<font color="#FF0000">border=</font>&quot;<font color="#FF0000">0</font>&quot;&nbsp;<font color="#FF0000">cellpadding=</font>&quot;<font color="#FF0000">0</font>&quot;&nbsp;<font color="#FF0000">cellspacing=</font>&quot;<font color="#FF0000">0</font>&quot;<font color="#0000FF">&gt;</font><br><font color="#0000FF">&nbsp;&nbsp; &lt;tr&gt;</font><br><font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td</font>&nbsp;<font color="#FF0000">width=</font>&quot;<font color="#FF0000">50</font>%&quot;<font color="#0000FF">&gt;</font><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; text<br><font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;</font><br><font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td</font>&nbsp;<font color="#FF0000">width=</font>&quot;<font color="#FF0000">50</font>%&quot;<font color="#0000FF">&gt;</font><br><font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;img</font>&nbsp;<font color="#FF0000">src=</font>&quot;http://www.domain.com/image.jpg&quot;<font color="#0000FF">&gt;</font><br><font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;</font><br><font color="#0000FF">&nbsp;&nbsp; &lt;/tr&gt;</font><br><font color="#0000FF">&lt;/table&gt;</font></font></p>
Would be entered thus:<p><font face="Courier New"><font color="#0000FF">&lt;table </font><font color="#FF0000">border=</font>&quot;<font color="#FF0000">0</font>&quot;<font color="#FF0000"> cellpadding=</font>&quot;<font color="#FF0000">0</font>&quot;<font color="#FF0000"> cellspacing=</font>&quot;<font color="#FF0000">0</font>&quot;<font color="#0000FF">&gt;</font><font color="#0000FF"> &lt;tr&gt;</font><font color="#0000FF"> &lt;td </font><font color="#FF0000">width=</font>&quot;<font color="#FF0000">50</font>%&quot;<font color="#0000FF">&gt;</font> text<font color="#0000FF"> &lt;/td&gt;</font><font color="#0000FF"> &lt;td </font><font color="#FF0000">width=</font>&quot;<font color="#FF0000">50</font>%&quot;<font color="#0000FF">&gt;</font><font color="#0000FF"> &lt;img</font><font color="#FF0000"> src=</font>&quot;http://www.domain.com/image.jpg&quot;<font color="#0000FF">&gt;</font><font color="#0000FF"> &lt;/td&gt; </font><font color="#0000FF"> &lt;/tr&gt;</font><font color="#0000FF">&lt;/table&gt;</font></font></p>To remove the newlines, do a [CTRL] ↓ tol take you to the start of the next newline, then do a [backspace].

Also make sure the "<smallfont><b>Automatically parse URLs</b></smallfont>" option is not selected as this is why you keep seeing "target=_blank" next to links.

MikeL
1st October 2003, 11:34
Hey Bikerboy
We were concerned about our posts in Italian not being understood.
Seems to me that's not the only foreign language being used here!
:p

Motu
1st October 2003, 11:56
Oooh,but it's nice and colourful eh.I've always perferd black myself,but some of the more expresive guys,y'know,like a bit more colour.Can you do it in more pastel tones...like say peach or terracotta?

bikerboy
1st October 2003, 15:23
Che ? :confused:

Coldkiwi
1st October 2003, 17:15
WTF!? I guess this forum is for the few that know html code!

SPman
1st October 2003, 19:43
WTF!? I guess this forum is for the few that know html code

By the tone of the "I want a job" post, that would be&nbsp;most of&nbsp;the members, wouldn't it?&nbsp;&nbsp;&nbsp; :rolleyes:

SpankMe
1st October 2003, 19:56
Using HTML you can better layout images in your post.

<table border="1" cellspacing="0" cellpadding="20" align="center"> <tr> <td align="center"> <a href="/images/tanyagsxr1000_wallpaper_03.jpg"><img src="/thumbnails/tanyagsxr1000_wallpaper_03_tn.jpg"><br> Tanya</a> </td> <td align="center"> <a href="/images/janie_dickens.jpg"><img src="/thumbnails/janie_dickens_tn.jpg"><br> Janie Dickens</a> </td> <td align="center"> <a href="/images/Sarina_wallpaper.jpg"><img src="/thumbnails/Sarina_wallpaper_tn.jpg"><br> Sarina</a> </td> </tr> </table>
The above was done with the following HTML:
<p> <font face="Courier New"><font color="#0000FF">&lt;table</font>&nbsp;<font color="#FF0000">border=</font>"<font color="#FF0000">1</font>"&nbsp;<font color="#FF0000">cellpadding=</font>"<font color="#FF0000">20</font>"&nbsp;<font color="#FF0000">cellspacing=</font>"<font color="#FF0000">0</font>"&nbsp;<font color="#FF0000">align=</font>"center"<font color="#0000FF">&gt;</font><br> <font color="#0000FF">&nbsp;&nbsp; &lt;tr&gt;</font><br> <font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td</font>&nbsp;<font color="#FF0000">align=</font>"center"<font color="#0000FF">&gt;</font><br> <font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a</font> <font color="#FF0000">href=</font>"http://www.kiwibiker.co.nz/images/tanyagsxr1000_wallpaper_03.jpg"<font color="#0000FF">&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;img</font>&nbsp;<font color="#FF0000">src=</font>"http://www.kiwibiker.co.nz/thumbnails/tanyagsxr1000_wallpaper_03_tn.jpg"<font color="#0000FF">&gt;&lt;br&gt;</font><br> <font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font>Tanya<font color="#0000FF">&lt;/a&gt;</font><br> <font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;</font><br> <font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td</font>&nbsp;<font color="#FF0000">align=</font>"center"<font color="#0000FF">&gt;</font><br> <font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a</font> <font color="#FF0000">href=</font>"http://www.kiwibiker.co.nz/images/janie_dickens.jpg"<font color="#0000FF">&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;img</font>&nbsp;<font color="#FF0000">src=</font>"http://www.kiwibiker.co.nz/thumbnails/janie_dickens_tn.jpg"<font color="#0000FF">&gt;&lt;br&gt;</font><br> <font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font>Janie Dickens<font color="#0000FF">&lt;/a&gt;</font><br> <font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;</font><br> <font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td</font>&nbsp;<font color="#FF0000">align=</font>"center"<font color="#0000FF">&gt;</font><br><font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a</font> <font color="#FF0000">href=</font>"http://www.kiwibiker.co.nz/images/Sarina_wallpaper.jpg"<font color="#0000FF">&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;img</font>&nbsp;<font color="#FF0000">src=</font>"http://www.kiwibiker.co.nz/thumbnails/Sarina_wallpaper_tn.jpg"<font color="#0000FF">&gt;&lt;br&gt;</font><br> <font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font>Sarina<font color="#0000FF">&lt;/a&gt;</font><br> <font color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;</font><br> <font color="#0000FF">&nbsp;&nbsp; &lt;/tr&gt;</font><br> <font color="#0000FF">&lt;/table&gt;</font></font> </p>

Dave
1st October 2003, 20:19
I had one of those but the wheel fell off.