Not sure if it is right so far

Discussion in 'CSS' started by daggydoo, May 2, 2008.

0
  1. #1
    first time ever doing css i still new at html I just would like to know what mistake are there. Now the only one i know is the <br> But I can not work out what is the css for that so as have the input fields apart. Any advice thanks
    <html>
    <head>
    <title></title>
    <style type="text/css">
    .right {
    border: 3px solid black;
    padding: 10px;
    margin: 10px;
    float: right;
    width: 33%;
    height: 100%}
    .bottom { clear : both }
    </style>
    </head>
    <body>
    <form>
    <p class="right">
    <INPUT style="width:200px;" name="address" value=""
    valtype="mandatory"
    valmsg="Street address field is blank."><br>
    <br><INPUT style="width:200px;" name="address" value=""
    valtype="mandatory"
    valmsg="Street address field is blank."><br>
    <br><INPUT style="width:200px;" name="address" value=""
    valtype="mandatory"
    valmsg="Street address field is blank."><br>
    <br><INPUT style="width:200px;" name="address" value=""
    valtype="mandatory"
    valmsg="Street address field is blank."><br>
    <br><INPUT style="width:200px;" name="address" value=""
    valtype="mandatory"
    valmsg="Street address field is blank."><br>
    <br><INPUT style="width:200px;" name="address" value=""
    valtype="mandatory"
    valmsg="Street address field is blank."><br>
    <br><INPUT style="width:200px;" name="address" value=""
    valtype="mandatory"
    valmsg="Street address field is blank."><br>
    <br><INPUT style="width:200px;" name="address" value=""
    valtype="mandatory"
    valmsg="Street address field is blank."><br>
    <br><INPUT style="width:200px;" name="address" value=""
    valtype="mandatory"
    valmsg="Street address field is blank."></p><br>
    </form>
    <p class= "main" >
    cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
    cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc</p>

    </body>

    </html>
     
    daggydoo, May 2, 2008 IP
  2. ourblink

    ourblink Peon

    Messages:
    25
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    <br> --> <br /> ... Try it for first, more error here
     
    ourblink, May 3, 2008 IP
  3. James Gober

    James Gober Guest

    Messages:
    40
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    also..

    INPUT needs to be input.. change the case and close the tag.. example: <input name="blah" value="" />

    there is much more.. but that would be a good start.
     
    James Gober, May 3, 2008 IP
  4. Hades

    Hades Well-Known Member

    Messages:
    1,873
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    150
    #4
    You can drop each one into <p></p> and you won't have to use break.

    Also, instead of p class="right", why not just apply the class to form <form class="right"><div> blah </div></form> get rid of tha unnnecessary <p> tag. (You will need to put a <div> tag between the two forms though. I prefer divs over ps in these type of situations, since when the searchengine reads it, it won't be a paragraph.) Anyway, right would be better as an ID, unless you plan on using it again somewhere.

    Inline styles are a no no. Have an EXTERNAL stylesheet.

    You can also set #right input { width:200px; } so that all of your inputs are 200px wide.

    Where are you using class="bottom" ?

    That and what the other people said should set you in the right direction. Using <br /> is a no no, but if you must, don't use <br> but use <br /> like ourblink said, and make it a habit to make all of your css/html lower case.

    Regards,
    Nick

    Regards,
    Nick
     
    Hades, May 3, 2008 IP