CODEWITHSUNDEEP
htmlcss
Tony
Tony

Reputation: 298

Trouble getting background color to apply to a form

I have a form I'm using to add a record to a database. The form works perfectly, but I'm trying to add some color to the background so it stands out from the rest of the page. The CSS I'm using lets me style the size of the form, border weight, etc. but nothing I do changes the background color. 

 <p class="first"><span class="error">* required field.</span></p>
  <form action="http://www.oldgamer60.com/Project/NewProject.php" method="post">

    <div class="fieldset">
        <fieldset>

        Project: <input type="text" name="Project" value="<?php if(isset($Project)){ echo $Project; } ?>">
        <span class="error">* <?php if(isset($ProjectErr)){ echo $ProjectErr; } ?></span>
        <br><br>
        Client: <input type="text" name="Client" value="<?php if(isset($Client)){ echo $Client; } ?>">
        <span class="error">* <?php if(isset($ClientErr)){ echo $ClientErr; } ?></span>
        <br><br>
        LastName: <input type="text" name="LastName" value="<?php if(isset($LastName)){ echo $LastName; } ?>">
        <span class="error">* <?php if(isset($LastNameErr)){ echo $LastNameErr; } ?></span>
        <br><br>
        DateReceived: <input type="text" name="DateReceived" value="<?php if(isset($DateReceived)){ echo $DateReceived; } ?>">
        <span class="error">* <?php if(isset($DateReceivedErr)){ echo $DateReceivedErr; } ?></span>
        <br><br>
        <input type="submit" name="submit" value="Submit"> 
        </fieldset>
    </div>
  </form>


div.fieldset {
    border: solid black thin;
    width: 500px;
    background-color: #3ffffb0;
    margin: auto;
}

fieldset {
    border: none;
    padding: 10;
    }

input.textbox {
    width: 400px;
    float: right;
}

fieldset p {
    clear: both;
    padding: 10px;
}

Upvotes: 0

Views: 68

Answers (2)

phillercode
phillercode

Reputation: 339

You have one too many digits in your background-property in your css.

It should be:

div.fieldset {
border: solid black thin;
width: 500px;
background-color: #3ffffb;
margin: auto;
}

Upvotes: 0

Quentin
Quentin

Reputation: 943615

#3ffffb0; isn't a colour. CSS hexadecimal colour codes have 3 or 6 numbers, not 7.

You probably mean #3fffb0;.

This would have been picked up if you had used a validator.

Upvotes: 10

Related Questions