Solved

HTML Table Box

Posted on 2004-10-05
6
214 Views
Last Modified: 2008-03-06
Hello,

Can someone please tell me how to make a box outline that has a title within the outline and contains radiobuttons or textboxes inside.  I need to have this inside of a html table <td>.  I need it to look something like this.  Thanks a lot. msyed1.


      -------Last Update---------
      |                                   |  
      |     Date:  ________      |
      |     By   :  ________      |
      |                                   |
      -----------------------------              
0
Comment
Question by:msyed1
  • 3
  • 2
6 Comments
 
LVL 33

Expert Comment

by:knightEknight
ID: 12226634
put a table within the <td>


<td>
  <TABLE border="1">
   <TR>
    <TD>
      title goes here
    </TD>
   </TR>
   <TR>
    <TD>
      <INPUT type="text" name="mytext" value="" />
    </TD>
   </TR>
  </TABLE>
</td>
0
 

Author Comment

by:msyed1
ID: 12226885
KnightEKnight:
The above does not print the words "Last Update" within the table (border) outline.  It prints it as a separate <TR> table row.  That's not what I am looking for.  Please see the image I drew.
0
 
LVL 11

Expert Comment

by:neester
ID: 12226971
YOU NEED TO USE <fieldset>

eg:

<fieldset>
<legend>TITLE HERE</legend>
CONTENT HERE<br />
CONTENT HERE<br />
CONTENT HERE<br />
CONTENT HERE<br />
</fieldset>
0
How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

 
LVL 11

Accepted Solution

by:
neester earned 125 total points
ID: 12226996
BTW
You cannot CENTER that heading with any EASE...
although you can manipulate it with CSS....

eg

<fieldset style="border: 1px solid #000;">
<legend style="background-color: #EEE; padding: 3px 10px; border: 1px solid #000;">TITLE HERE</legend>
CONTENT HERE<br />
CONTENT HERE<br />
CONTENT HERE<br />
CONTENT HERE<br />
</fieldset>
0
 

Author Comment

by:msyed1
ID: 12228059
Neester:  Thank you.  Your suggestion worked...
0
 
LVL 11

Expert Comment

by:neester
ID: 12232108
:)
No problems!
0

Featured Post

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now