CSS layout problems using text fields

Discussion in 'CSS' started by stuey, Mar 5, 2006.

  1. #1
    Just made the move to CSS and this table problem is really bugging me :mad:

    I'm having a problem getting my table to line up in css.

    The code is attached.

    I can't seem to get the text on the left to line up with the relevant boxes on the right.

    Would someone please let me know what I'm doing wrong?

    Regards

    Stu
     

    Attached Files:

    stuey, Mar 5, 2006 IP
  2. Mayhem Design

    Mayhem Design Peon

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hey Stuey,

    Please find attached the fix for your alignment problems. By using the <label> tag things line up a lot easier.

    If you have any questions about the code please let me know.

    Go to http://www.mayhemdesign.com/support/css_help_fixed.txt for the source code

    Regards,
    Jon
     
    Mayhem Design, Mar 6, 2006 IP
  3. marty

    marty Peon

    Messages:
    154
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hello, I changed the CSS as follows:

    div.row {
    padding-top: 5px;
    clear:both; //<-- added clear both
    }

    That seemed to do the trick in IE. I didn't check it in any other browsers.
     
    marty, Mar 6, 2006 IP
  4. SFOD_D223

    SFOD_D223 Peon

    Messages:
    4,512
    Likes Received:
    174
    Best Answers:
    0
    Trophy Points:
    0
    #4
    My CSS doesn't allow me to insert HTML text with "--" in it..Does anyone know why?
     
    SFOD_D223, Mar 7, 2006 IP
  5. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #5
    sfod: It is poor netiquette to hijack a thread. You might ask a mod to split your post into its own thread.

    Too, an example of the problem would be helpful.

    cheers,

    gary
     
    kk5st, Mar 7, 2006 IP
  6. stuey

    stuey Peon

    Messages:
    160
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Mayhem - worked like a dream - thank-you for your effort! :D

    Marty - thanks for your advice too, however this was only part of the code from a site I'm working on, that had other boxes on it too (that you didn't know about) and, even though your code was simpler to implement - messed around with the design. But it did work on its own though ;)
     
    stuey, Mar 8, 2006 IP