Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 14

Thread: about forms...

  1. #1
    Senior Member boolean's Avatar
    Join Date
    Jun 2003
    Posts
    161
    Member #
    1615
    I was wondering...
    Why does putting in a form tag such as <FORM METHOD="POST" ACTION="login.php"> take up space?
    Like if I dont have it there, template looks fine, but if I put that there, template gets destorted because the tag itself takes up space....
    Is there anyway to get rid of it?

  2.  

  3. #2
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    A form is a block element with a default bottom margin value.

    To eliminate the bottom margin, do this:


    Code:
    <form style="margin-bottom: 0px">
    ...
    </form>

  4. #3
    Senior Member boolean's Avatar
    Join Date
    Jun 2003
    Posts
    161
    Member #
    1615
    hmm didn't work?
    <TD WIDTH=76 HEIGHT=20 COLSPAN=3 ROWSPAN=2 NOWRAP BGCOLOR=#F5F6FB>&nbsp;&nbsp;&nbsp;<FORM METHOD="POST" STYLE="margin-bottom: 0px" ACTION="login.php"><INPUT TYPE="TEXT" WIDTH="50" NAME="username" size="5" class="login"></TD>

    That's the line I'm having trouble with

  5. #4
    Senior Member justlivyalife's Avatar
    Join Date
    Jul 2003
    Location
    Birmingham, UK
    Posts
    2,871
    Member #
    2374
    First thing to do is to put double quotes ( " ) around all of your attributes, like so:
    Code:
    <td width="76" height="20" colspan="3" rowspan="2" nowrap bgcolor="#F5F6FB">
    <form method="post" style="margin-bottom: 0px" action="login.php">
    <input type="text" width="50" name="username" size="5" class="login" />
    </td>
    What problems are you having, can we see the problem page or a screenshot at least please?
    justlivyalife - The future depends on what we do in the present. (Mahatma Gandhi)
    WDF Resources: WDF Rules
    Non-WDF: JavascriptSource | Dynamic Drive | phpBB | HTML-Kit | Winamp | Download Firefox | Morguefile

  6. #5
    Senior Member boolean's Avatar
    Join Date
    Jun 2003
    Posts
    161
    Member #
    1615
    ok, i've attached a screenshot...
    the problem is with the login boxes
    Attached Images Attached Images

  7. #6
    Senior Member boolean's Avatar
    Join Date
    Jun 2003
    Posts
    161
    Member #
    1615
    also, you can see it for the most part at http://www.feras.revhost.net/scriptdownloads/

  8. #7
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    add a display: inline; to the style

    Code:
    <td width="76" height="20" colspan="3" rowspan="2" nowrap bgcolor="#F5F6FB">
    <form method="post" style="margin-bottom: 0; display: inline;" action="login.php">
    <input type="text" width="50" name="username" size="5" class="login" />
    </td>
    that's how i did it on www.karinnelegault.com/en/
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  9. #8
    Senior Member boolean's Avatar
    Join Date
    Jun 2003
    Posts
    161
    Member #
    1615
    aha, works! thanks

  10. #9
    Senior Member boolean's Avatar
    Join Date
    Jun 2003
    Posts
    161
    Member #
    1615
    one more thing... I cant seem to get the site to be centered... the template is to the left... I've tried everything.... any ideas?

  11. #10
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    there's a few things you'll need to do for that to happen.

    first add this in your css
    Code:
    body {
      margin: 0;
      padding: 0;
    }
    
    #container {
      margin: 0 auto;
      width: 900px;
    }
    then wrap your site into a <div id="container"> .... </div>

    that should do it... i think
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:25 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com