How do I display a table in a textarea using CSS?

Webmaster Computer Resources Help And Learn To Earn Ideas!

How do I display a table in a textarea using CSS?

Nov.28, 2007 in CSS

youronmyfoot asked:

I want to display a list of the books that I possess. I don’t want it in a huge table so that people have to scroll down the page. I want the page to stay in place and a scrollbar for them to use.
I have input the table inside a

element but it shows the table elements in Firefox<br />
<tr> etc??</p>
<p>Any ideas?<br/><br/><a href=''></a></div>
</div>

<div class="postTags">Tags: <a href="http://www.webmastertechs.com/tag/books/" rel="tag">Books</a>, <a href="http://www.webmastertechs.com/tag/css/" rel="tag">CSS</a>, <a href="http://www.webmastertechs.com/tag/element/" rel="tag">Element</a>, <a href="http://www.webmastertechs.com/tag/people/" rel="tag">People</a>, <a href="http://www.webmastertechs.com/tag/scrollbar/" rel="tag">Scrollbar</a>, <a href="http://www.webmastertechs.com/tag/table-elements/" rel="tag">Table Elements</a>, <a href="http://www.webmastertechs.com/tag/textarea/" rel="tag">Textarea</a></div>
<p> </p>
<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<div class="cse-branding-right" style="background-color:#000000;color:#FFFFFF">
  <div class="cse-branding-form">
    <form action="http://www.google.com/cse" id="cse-search-box">
      <div>
        <input type="hidden" name="cx" value="partner-pub-8405350171018280:axnwpwv023t" />
        <input type="hidden" name="ie" value="ISO-8859-1" />
        <input type="text" name="q" size="40" />
        <input type="submit" name="sa" value="Search" />
      </div>
    </form>
  </div>
  <div class="cse-branding-logo">
    <img src="http://www.google.com/images/poweredby_transparent/poweredby_000000.gif" alt="Google" />
  </div>
  <div class="cse-branding-text">
    Custom Search
  </div>
</div>
<p> </p>

<p class="comments"><a href="http://www.webmastertechs.com/2007/11/28/how-do-i-display-a-table-in-a-textarea-using-css/#comments" title="Comment on How do I display a table in a textarea using CSS?">Comments (2)</a></p>
</div>

<h3 id="comments">2 Comments on “How do I display a table in a textarea using CSS?”</h3>

<li class="alt" id="comment-1879">
			<cite>sfpiano</cite>
						<br />

<small class="commentmetadata"><a href="#comment-1879" title="">November 30th, 2007 at 9:20 am</a> </small>

<p>I don’t think you can put a table in a textarea, but the link posted should have what you need.</p>

</li>

<li id="comment-1880">
			<cite>Kevin Law</cite>
						<br />

<small class="commentmetadata"><a href="#comment-1880" title="">November 30th, 2007 at 11:40 am</a> </small>

<p>You need to put the list into div element in order to scroll it</p>
<p>——–Put your HTML codes here——-</p>

</li>

</ol>

<h3 id="respond">Leave a Reply</h3>

<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" />
<label for="author"><small>Name (required)</small></label></p>

<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" />
<label for="email"><small>Mail (will not be published) (required)</small></label></p>

<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>

Hello Fellow Webmasters!

Welcome to WebmasterTechs.com, your source for great webmaster resources and tips! Enjoy the site!

REFERRAL TRAFFIC CONTEST!
Simply refer visitors to this site using the link given to you at registration. Top referrer wins choice of ANY script here FREE! (ends 08/30)

Top 3 Referrers