How to add a proper layout to a code snippet in a text box

[Sangram Desai]

Hi,

I am trying to add a source code snippet in my website. This is how it looks after adding it to the text box.

But I don't want it to look this way. It should look somwhat similar as below:-

In short I need to-

1) add my source code snippet in a separate box which will be a scrollable and will be easier to read.

2) Should have a proper alignment.

3) Should have a faded background as above.

As I am a newbie to this HTML/CSS world, any help regarding this will be appreciated.

Here is the link to my website:

http://www.mobiledevnation.com/group/android-application-development

Thanks,

Sangram

[Patrick Chappelle]

Our text boxes can't accommodate such coding. Someone may be able to provide some kind of hack to make it work, but I'm doubtful. What is this code for anyway?

[Eric Suesz]

I'm not sure there's a great answer to this. You can use the <code> tag to display code, but you'll need to entity encode anything that can interpreted as HTML or it might be stripped out of a forum discussion. Maybe there are some more adept people here on Creators who can speak to sharing code like this. 

[JFarrow]

i would like to see an example of what it is that you are trying to accomplish so that I may be able to try helping.