Solved

HTML Table Box

Posted on 2004-10-05
6
244 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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 Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
need help with share buttons 11 106
ASP sending two datas 2 30
Html split(text) Part2 6 41
html link offset in page with umlaut character in address 5 32
When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

751 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