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.

Results 1 to 9 of 9
  1. #1
    Senior Member Tomaszewski's Avatar
    Join Date
    Oct 2006
    Location
    Exton, PA
    Posts
    194
    Member #
    14132
    hey guys, am working on a site, and have a slight problem. if you look here for example: http://www.itomek.com/client/rep/austinprod.htm

    Do you see how in every browser (except Safari), the two input options for "Quantity "and "Add to Cart" are not lining up streight? I would like them to be the same height and have both be flush with each other...

    here is my CSS code if anyone is willing to take a crack at is:

    Code:
    .addnumber { /*** used for add to cart button quantity ***/
        border: 1px solid #000;
        margin: 3px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
        vertical-align: top;
    }
    .addbutton { /*** used for add to cart button ***/
        border: 1px solid #000;
        margin: 3px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: relative;
        width: 80px;
        vertical-align: top;
    }

  2.  

  3. #2
    Senior Member Tomaszewski's Avatar
    Join Date
    Oct 2006
    Location
    Exton, PA
    Posts
    194
    Member #
    14132
    here is the xhtml code:

    Code:
          <td class="tdBorder">
                <form method="post" action="cart_add.php">
                    <input class="addnumber"name="add" size="4" value="1" />
                    <input name="ident" type="hidden" value="18" />
                    <input class="addbutton" type="submit" value="Add to Cart" />
                </form>
            </td>
          <td class="tdBorder">
                <form method="post" action="cart_add.php">
                    <input class="addnumber"name="add" size="4" value="1" />
                    <input name="ident" type="hidden" value="20" />
                    <input class="addbutton" type="submit" value="Add to Cart" />
                </form>
            </td>        
          <td class="tdBorder">
                <form method="post" action="cart_add.php">
                    <input class="addnumber"name="add" size="4" value="1" />
                    <input name="ident" type="hidden" value="28" />
                    <input class="addbutton" type="submit" value="Add to Cart" />
                </form>
            </td>
          <td class="tdBorder">
                <form method="post" action="cart_add.php">
                    <input class="addnumber"name="add" size="4" value="1" />
                    <input name="ident" type="hidden" value="26" />
                    <input class="addbutton" type="submit" value="Add to Cart" />
                </form>
            </td>

  4. #3
    Senior Member Tomaszewski's Avatar
    Join Date
    Oct 2006
    Location
    Exton, PA
    Posts
    194
    Member #
    14132
    can anyone help? It is bugging the poop ourtta me!

  5. #4
    Senior Member Tomaszewski's Avatar
    Join Date
    Oct 2006
    Location
    Exton, PA
    Posts
    194
    Member #
    14132
    suffering from the same problem on this page:

    http://www.itomek.com/client/rep/3M8000N95.htm

  6. #5
    Senior Member Steax's Avatar
    Join Date
    Dec 2006
    Location
    Bandung, Indonesia
    Posts
    1,207
    Member #
    14572
    For a crude but working solution, give a height of 1.4em to the addNumber input. It lines up quite well.
    Note on code: If I give code, please note that it is simply sample code to demonstrate an effect. It is not meant to be used as-is; that is the programmer's job. I am not responsible to give you support or be held liable for anything that happens when using my code.

  7. #6
    Senior Member Tomaszewski's Avatar
    Join Date
    Oct 2006
    Location
    Exton, PA
    Posts
    194
    Member #
    14132
    wow, nice... i was using px instead of em... didn't think of that. Thanks mate!

  8. #7
    Senior Member Steax's Avatar
    Join Date
    Dec 2006
    Location
    Bandung, Indonesia
    Posts
    1,207
    Member #
    14572
    Cheers. It needs to be em to scale well with the button and the text inside. I got 1.4em from experimentation with firebug...
    Note on code: If I give code, please note that it is simply sample code to demonstrate an effect. It is not meant to be used as-is; that is the programmer's job. I am not responsible to give you support or be held liable for anything that happens when using my code.

  9. #8
    Senior Member Tomaszewski's Avatar
    Join Date
    Oct 2006
    Location
    Exton, PA
    Posts
    194
    Member #
    14132
    well, either way, you saved me face in front of the client, so much abliged!

  10. #9
    Senior Member Tomaszewski's Avatar
    Join Date
    Oct 2006
    Location
    Exton, PA
    Posts
    194
    Member #
    14132
    and some extra Rep for you my friend!


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 06:02 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com