1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Not sure if it is right so far

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

  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