1. You are viewing our forum as a guest. For full access please Register. WindowsBBS.com is completely free, paid for by advertisers and donations.

HTML code question about alignment

Discussion in 'General Discussions' started by Mimom, 2010/04/07.

  1. 2010/04/07
    Mimom

    Mimom Inactive Thread Starter

    Joined:
    2007/12/18
    Messages:
    29
    Likes Received:
    0
    I preface this by saying I know little to nothing about html. I can make something boldface and I can change text color. Therein lies my knowledge.

    A newsletter signup form was moved from one part of a webpage to another, and now it needs to be aligned. I have it right aligned, but it's not working the way I need it.

    On the site it shows that it is right aligned as such:

    Join our mailing list!
    (blank space)
    the data entry field
    Join Now button

    I can't figure out how to get that blank space out of the way. I either need it gone, or I need it to read:
    Join our mailing list: (data entry field)
    Join Now button

    Here's the html code I'm slaughtering:
    <form name= "MailingList" method= "post" action= "MailingList_subscribe.asp "><div style= "text-align: right; ">
    </div><font color= "peru "><h5 style= "text-align: right; ">Join our mailing list!</h5></font><div style= "text-align: right; ">
    <input style= "font-size: 11px; name= "emailaddress" size= "19" maxlength= "50" type= "text "><div style= "text-align: right; ">
    <input name= "Submit" value= "Join Now" style= "margin-top: 0.25em;" type= "submit "><div style= "text-align: right; ">


    </form>

    Thanks for any help!
     
    Mimom,
    #1
  2. 2010/04/08
    TonyT

    TonyT SuperGeek Staff

    Joined:
    2002/01/18
    Messages:
    9,072
    Likes Received:
    400
    Code:
    <div style= "text-align:right; ">
<form name= "MailingList" method= "post" action= "MailingList_subscribe.asp ">
<h5 style= "color:peru; margin:0px; ">Join our mailing list!</h5>
<input style= "font-size:11px; margin:0px;" name= "emailaddress" size= "19" maxlength= "50" type= "text" /><br />
<input name= "Submit" value= "Join Now" style= "margin-top: 0.25em;" type= "submit ">
</form></div>
     
    TonyT,
    #2


  3. to hide this advert.

  4. 2010/04/08
    Mimom

    Mimom Inactive Thread Starter

    Joined:
    2007/12/18
    Messages:
    29
    Likes Received:
    0
    Awesome! Thanks so much. One of these days I'll take some time to learn html!
     
    Mimom,
    #3
  5. 2010/04/08
    wildfire

    wildfire Getting Old

    Joined:
    2008/04/21
    Messages:
    4,649
    Likes Received:
    124
    I was going to reply yesterday but knew Tony would be along soon (he's helped me out in the past too) :)

    Anyway, please mark your thread resolved...

     
    wildfire,
    #4
  6. 2010/04/10
    TonyT

    TonyT SuperGeek Staff

    Joined:
    2002/01/18
    Messages:
    9,072
    Likes Received:
    400
    You're welcome.
    By default, most all elements (things defined with tags) on a page have set margins. For example, if have:

    <h1>Heading</h1>
    <p>Some text</p>

    the heading and paragraph will have space above and below it, proportional to the font size used unless the margins are explicitely specified.

    TIP:
    Get the idea that every element on a page is a box (rectangle or square). By default, these "boxes" don't show the borders, but when designing layout you can use the CSS border property to see the "box" edges of the elements. You can also use the CSS width and height properties to adjust element size and the CSS padding property to adjust the space inside the "box ".

    Here's a good place to learn more about this:
    http://www.w3schools.com/html/default.asp
    http://www.w3schools.com/css/default.asp
     
    TonyT,
    #5
    virginia likes this.

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Accept Learn More...