Codes

[PurpleCrow]

I want to place a HTML code for an image on my blog and forum but I want it to appear as a code, not the actual image so that people can copy and paste it. I've tried using <code></code> but it doesnt work... Any ideas of what tags I should be using??

 

[USHost247]

Try these:

<xmp></xmp>

 

[PurpleCrow]

Hmm it worked, but the code goes straight over the page, rather than sticking in the widget text box...

 

[posey]

You could also try using the additional class attribute: <code class="code"> Some code.. </code>

 

[David]

Hey,

You can use &lt; and &gt;

Be sure to put it as:

&lt;p>example <strong>code</strong> here</p&gt;

 

[PurpleCrow]

None of those have worked... Grrr this is getting really irritating now! I just want a damn code on my blog! 🙁

 

[David]

Sorry, bad explanation.

&lt; will act as the opening < and &gt; will act as the closing >. So, your code should appear like:

&lt;a href="http://google.com">Google</a&gt;

Note there isn't any opening < and closing >. The are replaced by &lt; and &gt;

EDIT: it would be best if you code show us a portion of the code, mainly the start and end of the code.

 

[Is Stranger]

you could do the <xmp></xmp> thing, but add some styling to you widget so it doesnot over flow

#your-widget-box{
overflow: hidden;
}

the only problem with this is that it will cut off part of the link. alternativly, you could make them widget box scroll instead

#your-widget-box{
overflow: auto;
}

 

[PurpleCrow]

This is the code -

<a href="http://s710.photobucket.com/albums/ww106/PersistentReality/?action=view&current=2kkbjt.png" target="_blank"><img src="http://i710.photobucket.com/albums/ww106/PersistentReality/2kkbjt.png" border="0" alt="Photobucket"></a>

 

[posey]

Try posting it as dotDavid suggested:

<a href="http://s710.photobucket.com/albums/ww106/PersistentReality/?action=view&current=2kkbjt.png" target="_blank"><img src="http://i710.photobucket.com/albums/ww106/PersistentReality/2kkbjt.png" border="0" alt="Photobucket"></a>

The &lt; will be replaced by a < but will not function as an opening tag. You can even replace the closing tag aswell:

<a href="http://s710.photobucket.com/albums/ww106/PersistentReality/?action=view&current=2kkbjt.png" target="_blank"><img src="http://i710.photobucket.com/albums/ww106/PersistentReality/2kkbjt.png" border="0" alt="Photobucket"></a>

 

[PurpleCrow]

Aha! It worked!! Thanks everyone 😀

 

[posey]

Glad you've got it working! 😀