PDA

View Full Version : HTML Box Question



TheGLIVEN
06-29-2005, 05:41 PM
One this page of Soup Faerie:
http://www.soup-faerie.com/banner.shtm

They have boxes filled with HTML in them. What code did they use?

Matt Hazuda
06-29-2005, 06:05 PM
View Source is your friend.

In IE: "View --> Source"

In Firefox: "View --> Page Source" or "Ctrl + U"

And by doing a quick search of the code for a word near what you want (In this case, I searched for "just image" [Ctrl + F in the source to open up Find and then type in the text] ) and we get the result:


<textarea rows="3" cols="10"><img src="http://www.boomspeed.com/sfhelpers/banner-01.gif" border="0"></textarea>

Of course, if you want to make it fancy and put it in a table like the page had it, you'd just use the surrouding code:


<table border="0" width="90%"><tr>
<td align="center" valign="top">
<b>Just Image</b><br>
<textarea rows="3" cols="10"><img src="http://www.boomspeed.com/sfhelpers/banner-01.gif" border="0"></textarea>
</td>

Just replace the image link with whatever you want, or use text itself.

Visit the TextArea (http://www.w3.org/MarkUp/html3/textarea.html) resource page at W3.org (http://www.w3.org/) for any other details.

Supremus
06-29-2005, 06:07 PM
A standard HTML command called "textarea". Click View Page Source in IE to see how it works.

TheGLIVEN
06-29-2005, 06:36 PM
View Source is your friend.

In IE: "View --> Source"

In Firefox: "View --> Page Source" or "Ctrl + U"

And by doing a quick search of the code for a word near what you want (In this case, I searched for "just image" [Ctrl + F in the source to open up Find and then type in the text] ) and we get the result:


<textarea rows="3" cols="10"><img src="http://www.boomspeed.com/sfhelpers/banner-01.gif" border="0"></textarea>

Of course, if you want to make it fancy and put it in a table like the page had it, you'd just use the surrouding code:


<table border="0" width="90%"><tr>
<td align="center" valign="top">
<b>Just Image</b><br>
<textarea rows="3" cols="10"><img src="http://www.boomspeed.com/sfhelpers/banner-01.gif" border="0"></textarea>
</td>

Just replace the image link with whatever you want, or use text itself.

Visit the TextArea (http://www.w3.org/MarkUp/html3/textarea.html) resource page at W3.org (http://www.w3.org/) for any other details.Holy sweet mother of G.L.I.V.E.N., thanks! I need this!