Welcome to Dream.In.Code
Become an Expert!

Join 150,008 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,392 people online right now. Registration is fast and FREE... Join Now!




Need a second set of eyes for my HTML code

 
Reply to this topicStart new topic

Need a second set of eyes for my HTML code

richiewinters
8 Dec, 2006 - 01:03 PM
Post #1

New D.I.C Head
*

Joined: 6 Nov, 2006
Posts: 26


My Contributions
Here's a link to a screenshot. On the left is a word document with an embedded image of the basic website I'm trying to write. On the right side is how my site looks compared to the look I'm going for. I can't figure out why my fieldset (Customer description) doesn't line up on the right side.

Image: IPB Image

Here's my code:

CODE
<html>
<head>
<!--
   Case Assignment 6

   Tech Support Page
   Author: Richard Winters
   Date:   December 7, 2006
-->

<title>Technical Support</title>
</head>

<body>
<form name="techsupport" id="techsupport">

<table border="0" cellspacing="0" cellpadding="0" width="100%">

   <tr>
      <td style="color: blue; font-family: Times New Roman; font-size: large; font-weight: bold"
       colspan="2" width="100%" align="center">
         TECH SUPPORT
   </td>
   </tr>

   <tr>
      <td style="font-family: Times New Roman" colspan="2" width="100%">
        Please include the following information, how Course Technology may contact you, the product you are
        using, and the difficulty you are experiencing.
      </td>
   </tr>

   <tr>
      <td width="100%"><label for="fname">First Name</label></td>
   </tr>

   <tr>
      <td width="50%"><input type="text" name="fname" id="fname" size="30" /></td>
      <td width="50%" valign="top">
      <label for="lname">Last Name</label>
      <input type="text" name="lname" id="lname" size="30" />
      </td>
   </tr>

   <tr>
      <td width="50%"><label for="email">E-mail address</label></td>
      <td width="50%"><input type="text" name="email" id="email" size="30" />
      <fieldset>
      <legend>Customer description</legend>
      <input type="radio" name="cust" id="student" value="student" />
      <label for="home">Student</label><br />
      <input type="radio" name="cust" id="instructor" value="instructor"  />
      <label for="bus">Instructor</label><br />
      <input type="radio" name="cust" id="other" value="other" />
      <label for="char">Other</label><br />
      </fieldset>
      </td>
   </tr>

   <tr>
       <td width="100"><label for="product">Product name</label></td>
       <td>
       <label for="prodtype">Product type</label>
       <select name="prodtype" id="prodtype">
           <option>CD-ROM</option>
           <option>Software</option>
           <option>Textbook</option>
           <option>Other</option></select>
       </td>
   </tr>

   <tr>
      <td colspan="2"><input type="text" name="prodtype" id="prodtype" size="30" /></td>
   </tr>

   <tr>
      <td style="font-family: Times New Roman">Please give a brief description of the problem</td>
      <td><textarea name="description" id="description" rows="5" cols="50"></textarea></td>
   </tr>

   <tr>
      <td><input type="submit" value="Submit" />&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="Reset" /></td>
   </tr>
          
</table>

</form>
</body>
</html>



I'm still confused on formatting tables and whatnot (obviously lol)

Any help would be appreciated.

This post has been edited by richiewinters: 8 Dec, 2006 - 06:01 PM
User is offlineProfile CardPM
+Quote Post

beef
RE: Need A Second Set Of Eyes For My HTML Code
8 Dec, 2006 - 01:20 PM
Post #2

D.I.C Head
Group Icon

Joined: 2 Nov, 2006
Posts: 128


My Contributions
I think a good start would be to set your table up with 2 columns instead of just one.

When you're setting up your table you start by defining the TABLE. Inside that table you have rows (TR) and inside those you have fields (TD). If you want a 2 column table you would have 2 TD's in each TR.

Sorry if this is too basic, but I hope it helps.
User is offlineProfile CardPM
+Quote Post

Mach1Guy
RE: Need A Second Set Of Eyes For My HTML Code
8 Dec, 2006 - 04:26 PM
Post #3

D.I.C Head
Group Icon

Joined: 4 Dec, 2006
Posts: 79



Thanked: 4 times
Dream Kudos: 25
My Contributions
I would have to agree with beef above. On the other hand, I don't think the original layout is of very good user interface design. I don't know if you have any authority over redoing small parts of it or not. If so I would fix things such as the labels. Some labels are above the respective textbox and some are beside it. Also, on your web page you should probably put some space between the buttons.
User is offlineProfile CardPM
+Quote Post

richiewinters
RE: Need A Second Set Of Eyes For My HTML Code
8 Dec, 2006 - 06:02 PM
Post #4

New D.I.C Head
*

Joined: 6 Nov, 2006
Posts: 26


My Contributions
Edited my html. Found a couple errors and fixed what was originally puzzling me...and of course I created a couple new problems. lol


User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 1/8/09 08:47PM

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month