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 09:43 AM. Reason: added url

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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
    •