Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 12 of 12
  1. #1
    gax
    gax is offline
    New Coder
    Join Date
    Aug 2008
    Posts
    67
    Thanks
    0
    Thanked 0 Times in 0 Posts

    label in css form doesnt display right in ie

    http://www.csulb.edu/~sgaknera/cecs2...2/contact.html
    http://www.csulb.edu/~sgaknera/cecs2...stylesheet.css

    as you can see in ie5/6/7/8 the state field doesnt display inline with others. anyone help me? thanks

    got my code from:
    http://realworldstyle.com/forms.html
    Last edited by gax; 12-17-2008 at 10:43 AM. Reason: added url

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    You are using an extra(?) floated span with every input element. Have a look at http://www.alistapart.com/articles/p...ccessibleforms .
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    gax
    gax is offline
    New Coder
    Join Date
    Aug 2008
    Posts
    67
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yes but i have a time frame to get this done is there a simple fix for this? or maybe code to fix it better?

  • #4
    New Coder
    Join Date
    Nov 2006
    Location
    Bristol, UK
    Posts
    85
    Thanks
    6
    Thanked 6 Times in 6 Posts
    What about just removing the floats on the 3 spans... they should just stay inline...
    Never argue with an idiot... they'll bring you down to their level and beat you with experience...

  • #5
    New Coder
    Join Date
    Nov 2006
    Location
    Bristol, UK
    Posts
    85
    Thanks
    6
    Thanked 6 Times in 6 Posts
    Oh, and give the spans widths to keep the layout...
    Never argue with an idiot... they'll bring you down to their level and beat you with experience...

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Quote Originally Posted by dudeshouse
    What about just removing the floats on the 3 spans... they should just stay inline...
    Quote Originally Posted by dudeshouse View Post
    Oh, and give the spans widths to keep the layout...
    Not possible! <span> is an inline element and thus we can't apply a width/height to it. (though, when we apply a float, it'll behave like block element)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #7
    gax
    gax is offline
    New Coder
    Join Date
    Aug 2008
    Posts
    67
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    Not possible! <span> is an inline element and thus we can't apply a width/height to it. (though, when we apply a float, it'll behave like block element)
    any other ideas?

  • #8
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Applying a border (say border:1px solid red; ) to your span.formw reveals(in FF) that the width is not enough to occupy the input elements. With that said, have a try by
    Code:
    div.row span.formw 
    {
    float: left;
    width: 200px;
    text-align: left;
    margin-left: 15px;
    //border:1px solid red;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #9
    gax
    gax is offline
    New Coder
    Join Date
    Aug 2008
    Posts
    67
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    Applying a border (say border:1px solid red; ) to your span.formw reveals(in FF) that the width is not enough to occupy the input elements. With that said, have a try by
    Code:
    div.row span.formw 
    {
    float: left;
    width: 200px;
    text-align: left;
    margin-left: 15px;
    //border:1px solid red;
    }
    while this looks good it didnt fix the issue
    any other ideas?

  • #10
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    while this looks good it didnt fix the issue
    What you mean?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #11
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    Why not give your select a margin-left?
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #12
    gax
    gax is offline
    New Coder
    Join Date
    Aug 2008
    Posts
    67
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by jerry62704 View Post
    Why not give your select a margin-left?
    didnt think aobut that ill let u guys know thanks for help


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •