Displaying HTML inside of a <textarea>

[FSGDAG]

Can any of the HTML guru's on here help me with this... I want to display HTML inside of a <textarea>.

Here is the code I'm using:

<textarea name="AUP" cols="70" rows="8">
A bunch of text here with html code inside of it
</textarea>

Its not an input form or anything like that... I just want the text to be displayed in a box with a scroll bar on the right side. I need to be able to have the text formatted though in HTML

Thanks in advance for any help

[Bruceper]

You can't display HTML in a textarea, which is why it's called a textarea. However there are some funky things you can do with CSS to a textaea which act like HTML inside a textarea.

<style type="text/css">
<!--
.cssnamehere {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: bold;
color: #000066;
text-decoration: none;
background-color: #CCFFFF;
}
-->
</style>

<textarea name="name" cols="2" rows="5" class="cssnamehere">Text in the field</textarea>

If you want the text to be displayed in a "box" with a scrollbar then why not use an iframe? It's a lot easier to deal with and will do exactly what you want.

[FSGDAG]

If you want the text to be displayed in a "box" with a scrollbar then why not use an iframe? It's a lot easier to deal with and will do exactly what you want.

Are iframe's friendly to MAC users?

[Bruceper]

Is anyone friendly to a mac user?

http://www.topxml.com/xhtml/xhtml_tag_iframe.asp iframes are in the xhtml specifications so it should be "friendly" for anyone who uses a current browser.

[FSGDAG]

Is anyone friendly to a mac user?

Thanks for the help Bruce!

[dePaulus]

Are iframe's friendly to MAC users?

I have a few "Joomla" sites, and use one or two "Wrappers" which uses Iframes to wrap a site into the parent Template..

Tested with IE 7.. works fine
Tested with Mac.. works fine
Tested with FireFox.. Not good.. for some reason FireFox does not load the Background, so using a dark Joomla, and Wrapping a Light website does not look good (or vice versa )

I find it so irritating that the browsers vary so much!!.. sometimes it is minor, but other times it a very big difference. And I don't know enough to fix the problem..

de P

[inspireme]

jsut use a scrollable div tag like i did on my site here :

http://www.theleisureguide.co.uk/england/bedfordshire/

<div style="overflow:auto; height:100px"> text here </div>

just change the height to whatever, also works with width (but then you get annoying side scrollbars, so i dont bother with that)

[FSGDAG]

Thanks Inspireme! That looks like a good solution as well