SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jul 2006
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation Please Help; CSS and HTML Form Problem!

    Hello,

    I have just hand created my first "complex" html form. I am using a template for my site which came with CSS. I have been searching for hours now, and comparing what I find to the CSS sheet I have, and I can not figure out what I am looking at! Nothing matches what I am finding.

    Most of my form, the text input areas have a background color - which I don't want - and I didn't specify. I tried to go in and specify #FFFFFF but I beleive it is being overridden by the CSS.

    At first I just noticed it did it to my radio buttons - they were long and colored - which threw off the whole lay out. So I changed them all to drop down menus.

    Can someone PLEASE help me? I really need to get this site up and running. I will give you the form code I made, and the CSS sheet - if you can figure out what's up and tell me how to fix it? And tell me what I need to know so I can figure it out and fix it myself next time I am creating one like this? There are going to be more in the futurre.

    Thank you sooo much if you can help.

  2. #2
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Welcome to SitePoint!

    It's difficult to say without seeing the page source and the CSS (and preferably a link to the page in question), but it seems like you may have specificity problems in your style sheet.

    If you specify rules with a selector like this,
    Code:
    input {
      background-color:#fff;
      width:20em;
    }
    it will affect all INPUT elements (unless there's a more specific rule somewhere). That means text fields, buttons, checkboxes and radio buttons.

    In modern browsers you can use attribute selectors to target certain types of fields, e.g.,
    Code:
    input[type="text"] {...}
    That's not supported by IE, though, so in real life you'll have to resort to classes.

    If you ticked the 'developer tools' box when installing Firefox, you can use its DOM Inspector to check which CSS rules apply for each element, and in which order. It's quite invaluable for tasks like this.
    Birnam wood is come to Dunsinane

  3. #3
    SitePoint Member
    Join Date
    Jul 2006
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    Thank you so much for your reply. I am not sure what you mean about firefox, I don't remember seeing that. However, it has been a while since I have d/l and used it.

    The page I am trying to fix the form on is:
    http://www.vdimperialnoteinvestments.com/sellnote.html

    Ok, here is the CSS labeld "global layout css" - it has four different css sheets, but the others are called "global sidebar" "global main menu" and "global template" so I am assuming the first one is what I should be looking at. (?)


    -------------------------------------------------------------------------
    /* CSS Document */
    /**********************************************************************************************
    LAYOUT
    ***********************************************************************************************/

    /* this class controls the GLOBAL PROPERTIES ***********************************/
    table.lay /* TABLE */
    {

    background-attachment: scroll;
    background-repeat: repeat;
    background-color: ; /* Put bgcolor here if required */


    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    BORDER-LEFT: 0px solid;
    BORDER-BOTTOM: 0px solid;
    border-color: #4F8D97;
    }
    /* this class controls the FONT PROPERTIES ***********************************/
    .laynormaltxt /* SPAN */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #686767;
    }
    /* this class controls the BULLETED LIST properties ********************/
    .layul /* UL */
    {
    margin-top: 5px;
    margin-left: 20px;

    list-style-type: disc; /*square disc circle*/
    }

    /* this class controls the SUPER HEADING properties ***********************************/
    .laysupheadin /* TABLE AND SPAN */
    {

    font-size: 1.8em;
    font-style: normal;
    font-weight: bold;
    color: #00626E;


    background-color: ;

    }
    /* this class controls the HEADING properties ***********************************/
    .layheadin /* TABLE AND SPAN */
    {

    font-size: 1.5em;
    font-style: normal;
    font-weight: bold;
    color: #182852;


    background-color: ;


    }
    /* this class controls the SUB HEADING properties ******************************/
    .laysubheadin /* TABLE AND SPAN */
    {

    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    color: #64300A;


    background-color: ;
    }
    /* this class controls the MAIN LINKS properties ***********************************/
    /*AND INCLUDES PROPERTIES FOR LINK, HOVER, VISITED*/
    a.laymlinks /* A */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #315184;
    }

    a.laymlinks:hover /* A */
    {
    color: #89420E;
    text-decoration:underline;
    }
    /* this class controls the HIGHLIGHTED LINKS properties ***********************************/
    /*AND INCLUDES PROPERTIES FOR LINK, HOVER, VISITED*/
    a.layhlinks /* A */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #64300A;
    text-decoration:underline;
    }

    a.layhlinks:hover /* A */
    {
    color: #5A8AC6;
    text-decoration:underline;

    }


    /* this class controls the TRANSPARENT BOX ***********************************/
    /*AND INCLUDES PROPERTIES FOR th, LINK, HOVER, VISITED*/
    .laytbox /* SPAN */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;


    background-color: ;

    }


    table.laytbox /* TABLE */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;


    background-color: ;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    border-color: #00626E;
    }
    th.laytbox /* TH AND SPAN*/
    {

    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    color: #182852;



    background-color: ;
    }
    a.laytbox /* A */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #315184;
    text-decoration:underline;
    }

    a.laytbox:hover /* A */
    {
    color: #C38E63;
    text-decoration: underline;
    }



    /* this class controls the DARK BOX ***********************************/
    /*AND INCLUDES PROPERTIES FOR th, LINK, HOVER, VISITED*/
    .laydbox /* SPAN */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;


    background-color: #00626E;

    }


    table.laydbox /* TABLE */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;


    background-color: #00626E;
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    BORDER-LEFT: 0px solid;
    BORDER-BOTTOM: 0px solid;
    border-color: #CFDEE1;
    }
    th.laydbox /* TH AND SPAN*/
    {

    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    color: #182852;



    background-color: #CFDEE1;
    }
    a.laydbox /* A */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #DCE9FA;
    text-decoration: underline;
    }

    a.laydbox:hover /* A */
    {
    color: #E1BEA4;
    text-decoration:underline;
    }

    /* this class controls the NORMAL BOX ***********************************/
    /*AND INCLUDES PROPERTIES FOR th, LINK, HOVER, VISITED*/
    .laynbox /* SPAN */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;


    background-color: #8db9bf;

    }
    table.laynbox /* TABLE */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;


    background-color:#8db9bf;
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    BORDER-LEFT: 0px solid;
    BORDER-BOTTOM: 0px solid;
    border-color: #00626E;
    }
    th.laynbox /* TH AND SPAN */
    {

    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    color: #DCE9FA;



    background-color: #4F8D97;


    }
    a.laynbox /* A */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #EFE2D9;
    text-decoration: underline;
    }

    a.laynbox:hover /* A */
    {
    color: #315184;
    text-decoration:underline;
    }

    /* this class controls the LIGHT BOX ***********************************/
    /*AND INCLUDES PROPERTIES FOR th, LINK, HOVER, VISITED*/
    .laylbox /* SPAN */
    {

    font-size:1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;


    background-color: #ECF9FB;
    }
    table.laylbox /* TABLE */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;


    background-color: #ECF9FB;
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    BORDER-LEFT: 0px solid;
    BORDER-BOTTOM: 0px solid;
    border-color: #00626E;
    }
    th.laylbox /* TH AND SPAN */
    {

    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    color: #182852;



    background-color: #CFDEE1;

    }
    a.laylbox /* A */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #315184;
    text-decoration:underline;
    }

    a.laylbox:hover /* A */
    {
    color: #89420E;
    text-decoration:underline;
    }

    /* this class controls the FINE TEXT BOX properties ***********************************/
    /*AND INCLUDES PROPERTIES FOR th, LINK, HOVER, VISITED*/
    .layfinetxtbox /* SPAN */
    {

    font-size: .8em;
    font-style: normal;
    font-weight: normal;
    color:#315184;


    background-color: ;

    }
    table.layfinetxtbox/* TABLE */
    {

    font-size: .8em;
    font-style: normal;
    font-weight: normal;
    color:#315184;


    background-color: ;
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    BORDER-LEFT: 0px solid;
    BORDER-BOTTOM: 0px solid;
    border-color: #00626E;
    }
    th.layfinetxtbox/* TH AND SPAN */
    {

    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    color: #64300A;



    background-color: #ECF9FB;

    }
    a.layfinetxtbox/* A */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #89420E;
    text-decoration:underline;
    }

    a.layfinetxtbox:hover/* A */
    {
    color: #315184;
    text-decoration:underline;
    }
    /* this class controls the HORIZONTAL SEPARATOR properties ********************/
    .layhsep/* TABLE */
    {

    /*path should be uimages/
    images should physically reside in template uimages folder*/
    background-color: #00626E;
    }

    /* this class controls the VERTICAL SEPARATOR properties ********************/
    .layvsep/* TABLE */
    {

    /*path should be uimages/
    images should physically reside in template uimages folder*/
    background-color: #00626E;
    }



    /* this class controls the SPLASH COLOR properties ***********************************/
    .layprimvdark
    {
    background-color: #182852;
    }
    .layprimdark
    {
    background-color: #315184;
    }
    .layprimnormal
    {
    background-color: #5A8AC6;
    }
    .layprimlight
    {
    background-color: #89B0E0;
    }
    .layprimvlight
    {
    background-color: #DCE9FA;
    }
    .laysecvdark
    {
    background-color: #64300A;
    }
    .laysecdark
    {
    background-color: #89420E;
    }
    .laysecnormal
    {
    background-color: #C38E63;
    }
    .layseclight
    {
    background-color: #E1BEA4;
    }
    .laysecvlight
    {
    background-color: #EFE2D9;
    }

    .laybgvdark
    {
    background-color: #00626E;
    }
    .laybgdark
    {
    background-color: #4F8D97;
    }
    .laybgnormal
    {
    background-color: #8db9bf;
    }
    .laybglight
    {
    background-color: #CFDEE1;
    }
    .laybgvlight
    {
    background-color: #ECF9FB;
    }


    .laytxtvdark
    {
    background-color: #000000;
    }
    .laytxtdark
    {
    background-color: #4A4949;
    }
    .laytxtnormal
    {
    background-color: #686767;
    }
    .laytxtlight
    {
    background-color: #CCCCCC;
    }
    .laytxtvlight
    {
    background-color: #FFFFFF;
    }

    /* these classes control the FORM PROPERTIES ******************************/
    .formlbox /* SPAN */
    {

    font-size:1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;


    background-color: #ECF9FB;
    }
    table.formlbox /* TABLE */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;


    background-color: #ECF9FB;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    border-color: #8db9bf;
    }
    th.formlbox /* TH AND SPAN */
    {

    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    color: #182852;



    background-color: #CFDEE1;

    }
    a.formlbox /* A */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration:underline;
    }

    a.formlbox:hover /* A */
    {
    color: #89420E;
    text-decoration:underline;
    }
    INPUT /* SPAN */
    {
    font-face: arial, verdana, ms sans serif;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    }

    TEXTAREA /* SPAN */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    font-family: arial, verdana, ms sans serif;
    }
    .textarea
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    font-family: arial, verdana, ms sans serif;
    }
    .textbox
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    font-family: arial, verdana, ms sans serif;
    }
    .checkbox
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    font-family: arial, verdana, ms sans serif;
    }
    .radio
    {

    width: 2em
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    font-family: arial, verdana, ms sans serif;
    }
    .dropdown
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    font-family: arial, verdana, ms sans serif;
    }

    .formwarningText /* SPAN */
    {


    font-style: normal;
    font-weight: normal;
    color: red;
    font-face: verdana;
    }
    .dbxlbox /* SPAN */
    {

    font-size:1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;


    background-color: #ECF9FB;

    }

    table.dbxlbox /* TABLE */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;


    background-color: #ECF9FB;

    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    border-color: #8db9bf;
    }

    th.dbxlbox /* TH AND SPAN */
    {

    font-size: 1.2em;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    font-size : 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;

    }



    td.dbxlbox {
    font-size: 1.0em;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    }

    a.dbxlbox /* A */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #315184;
    text-decoration:underline;
    }

    a.dbxlbox:hover /* A */
    {
    color: #89420E;
    text-decoration:underline;
    }

    /* For form controls : textbox,textarea,dropdowns . Specify class in tags <input>,<textarea>,<select> */

    .dbxcontrol
    {
    font-family:verdana,arial;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    }

    /* For buttons Specify class in tags <input> */

    .dbxbutton
    {
    font-family:verdana,arial;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    }

    /* To be used for text messages as used in DBXpress, applied to the <td>*/

    .ErrorText {
    FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: red; FONT-FAMILY: arial
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    }

    .WarningText {
    FONT-WEIGHT: normal; FONT-SIZE: 1em; COLOR: green; FONT-FAMILY: arial
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    }
    .NoticeText {
    FONT-WEIGHT: normal; FONT-SIZE: 1em; COLOR: blue; FONT-FAMILY: arial
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    }

    .NormalText {
    FONT-SIZE: 1em; COLOR: black; FONT-FAMILY: arial
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    }
    .BoldText {
    FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: arial
    }

    .MandatoryText {
    FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: arial
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    }
    /* these classes control the POLL PROPERTIES ******************************/
    .laypolllbox /* SPAN */
    {

    font-size:1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;


    background-color: #ECF9FB;
    }
    table.laypolllbox /* TABLE */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000000;


    background-color: #ECF9FB;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    border-color: #8db9bf;
    }
    th.laypolllbox /* TH AND SPAN */
    {

    font-size: 1.1em;
    font-style: normal;
    font-weight: bold;
    color: #182852;



    background-color: #ECF9FB;

    }
    a.laypolllbox /* A */
    {

    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #315184;
    text-decoration:underline;
    }

    a.laypolllbox:hover /* A */
    {
    color: #89420E;
    text-decoration:underline;
    }

    --------------------------------------------------------------------------

    Here is the source code from my site (the page with the form)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>VD Imperial Note Investments</title>
    <!-- I linked to the stylesheet using two methods, the @import method as well as the link rel method, to ensure maximum accessibility -->
    <style type="text/css" media="all">
    <!--
    @import url(styles.css);
    -->
    </style>
    <link rel="stylesheet" type="text/css" href="styles.css" media="all" />
    </head>

    <body>
    <div id="wrap"><!-- start of container -->
    <div id="header">

    <p>&nbsp;</p>
    </div><div id="content"><!-- left column, contains navigation and photos -->
    <div id="column1"><div id="nav">

    <ul>
    <li><a href="#" accesskey="a">About Us</a></li>
    <li><ul>
    <li><a href="http://www.vdimperialnoteinvestments.com/whoweare.html" accesskey="1">Who We
    Are</a></li>
    <li><a href="http://www.vdimperialnoteinvestments.com/contactus.html" accesskey="2">Contact
    Us</a></li>
    </ul>
    </li>
    <li><a href="#" accesskey="p">Sell Your Note</a></li>
    <li><a href="http://www.vdimperialnoteinvestments.com/creativefinancing.html" accesskey="h">Creative
    Financing </a></li>
    <li><a href="http://www.vdimperialnoteinvestments.com/faq.html" accesskey="r">FAQ</a></li>
    </ul>
    </div>
    <img src="images/re1.jpg" alt width="100" height="60" /> <img src="images/re2.jpg" alt />
    <img src="images/re3.jpg" alt />
    </div><!-- end of left column -->
    <!-- right column, this is the main content area, and where the links are -->
    <div id="column2">

    <h1>Interested in Selling Your Note?</h1>

    <p>Simply fill out the below form with as much information as possible.&nbsp; Please
    double check your answers and ensure they are correct. We will contact you within 24 hours
    to discuss your situation, and give you your free quote.</p>

    <p><small><em>Note: We need all of this information, if you do not know it right now,
    please have it ready for when we contact you.</em></small></p>

    <p>&nbsp;</p>

    <FORM>
    <FORM ACTION = "/cgi-sys/formmail.pl" METHOD = "POST">
    <input type=hidden name="recipient" value="me">

    <table>
    <tr>
    <td>
    First Name/td>
    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr>
    <td>
    Last Name/td>
    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Your Contact Phone/td>
    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Your Contact Email/td>
    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>&nbsp</td></tr>

    <tr><td>
    Are You Personally Receiving <br>
    Payments on This Note?</td>

    <td>
    <SELECT NAME="name of variable">
    <OPTION>Yes
    <OPTION>No
    </SELECT></td></tr>

    <tr><td>
    Note Category/td>

    <td>
    <SELECT NAME="name of variable">
    <OPTION> 0-50K
    <OPTION>51K-200K
    <OPTION>201K+
    </SELECT>
    </td></tr>

    <tr><td>

    Property Type/td>

    <td>
    <SELECT NAME="name of variable">
    <OPTION> Single Family Residence
    <OPTION> Mulit Unit
    <OPTION> Commercial
    <OPTION> Vacant Land
    <OPTION> Mobile Home
    <OPTION> Other
    </SELECT></td></tr>

    <tr><td>
    Payor's Credit:
    </td>

    <td>
    <SELECT NAME="name of variable">
    <OPTION> A - 700 & Above
    <OPTION> B - 670
    <OPTION> C - 630
    <OPTION> D - 600
    <OPTION> Below 600
    <OPTION> Unknown
    </SELECT></td></tr>

    <tr><td>
    Property Value/td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable" CLASS="dbxcontrol"></td></tr>

    <tr><td>
    Owner Occupied?</td>

    <td>
    <SELECT NAME="name of variable">
    <OPTION> Yes
    <OPTION> No
    </SELECT></td></tr>

    <tr><td>
    Sales Date: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Sales Price: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Down Payment: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    City/State: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>


    <tr><td>
    Face Value of Note: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Note Balance: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>Interest Rate: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Payment Amount: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Frequency of Payments:
    </td>

    <td>
    <SELECT NAME="name of variable">
    <OPTION> Weekly
    <OPTION> Monthly
    <OPTION> Quarterly
    <OPTION> Semi Annually
    <OPTION> Annually
    <OPTION> Other
    </SELECT></td></tr>

    <tr><td>
    # of Payments Made: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    # of Payments Remaining: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Date of First Payment: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Date of Next Payment: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Loan To Value: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Is Note Current:
    </td>

    <td>
    <SELECT NAME="name of variable">
    <OPTION> Current
    <OPTION> Delinquent

    </SELECT></td></tr>

    <tr><td>
    Balloon Payment?
    </td>

    <td>
    <SELECT NAME="name of variable">
    <OPTION> Yes
    <OPTION> No
    </SELECT></td></tr>

    <tr><td>
    Balloon Amount: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Balloon Due Date: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Position of Note:
    </td>

    <td>
    <SELECT NAME="name of variable">
    <OPTION> 1st
    <OPTION> 2nd
    <OPTION> 3rd
    <OPTION> Other
    </SELECT></td></tr>

    <tr><td>
    1st Balance: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    2nd Balance: </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    When Do You Plan to Sell?
    </td>

    <td>
    <SELECT NAME="name of variable">
    <OPTION> As Soon As Possible
    <OPTION> Within 90 Days
    <OPTION> Within One Year
    <OPTION> Never
    </SELECT></td></tr>

    <tr><td>
    Which Applies to You?
    </td>

    <td>
    <SELECT NAME="name of variable">
    <OPTION> Eager to Sell & Get Cash Now
    <OPTION> Interested in Selling
    <OPTION> Only Curios to What My Note is Worth
    </SELECT></td></tr>

    <tr><td>
    Assuming We Wish to Buy, <br>
    When Do YOU Need to Close?
    </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td>
    Is There a Specific Amount of Cash You Need-<br>
    What Would be the Magic Number to Sell For?
    </td>

    <td>
    <INPUT TYPE="TEXT" NAME="name of variable"></td></tr>

    <tr><td colspan="2" align="center">

    <input type="submit" value="Send Request to Sell Note"><p><br>
    We will contact you to discuss the sale of your note, normally within 24 hours.</td></tr></table>


    </FORM><p>&nbsp;</p>

    <p><em><a href="http://www.vdimperialnoteinvestments.com">Back to the Main Page</a></em></p>

    <h1>Carrying A Note Not Real Estate?</h1>

    <p><big><em>If you are receiving payments on any other type of note you are carrying,
    please contact us.&nbsp; Include as much information as possible about your note, your
    situation, and what you need. We will contact you. </em></big></p>
    <div id="links">

    <p>&nbsp;</p>
    </div></div></div><!-- end of right column -->
    <!-- remove my name from the footer if you want, this is open source -->
    <div id="footer">

    <p>Original design by <a href="http://www.bcdesignplace.com">Boris Cherny</a>. (c)
    2005-2006 VD Imperial Note Investments. Modified version by <a href="http://www.peman.de">Petros
    Dolaschjan </a></p>
    </div><!-- end of container -->

    </body>
    </html>

    -----------------------------------------------------------------------


    Even though the CSS has all the helpful tags, it has not helped me. I found on the net tutorials and how to for CSS and Forms and found the stuff about using

    input {
    background-color:#fff;
    width:20em;
    }

    and such. However, I can't find anything lke that on this sheet. The commands (?) I do see with things like "laydbox" and stuff - I can't find anything about.

    Do you see anything there? Or am I possible lookint at the wrong stuff?


    THank you again so much for any help you can give me.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •