Problem with lightbox title

  • Profile Image
    cyberlp
    Asked on September 17, 2010 at 03:55 AM

    I've set up a form with a lightbox effect.

    But the title of the form (and the X symbol to close it) in the lightbox doesn't show properly lined up. It's a bit lower than it should be, therefore not really readable.

    Where does this come from?

    Thanks

  • Profile Image
    aytekin
    Answered on September 17, 2010 at 08:40 AM

    Can you post a link to the page you have this problem? I tested your form and it looked fine.

     

  • Profile Image
    cyberlp
    Answered on September 17, 2010 at 08:55 AM

    http://www.musicadanse.com/contact.php (the link formulaire d'inscription is in bold at the end of the first frame).

    I guess the problem comes from a CSS class conflict?

  • Profile Image
    aytekin
    Answered on September 17, 2010 at 09:43 AM

    The page gives some JavaScript errors. Can you fix that? That could be the reason.

    At the top of the page you have this:

    <script type="text/javascript"> DD_roundies.addRule('div.round', '12px'); DD_roundies.addRule('div.round-right-left', '0 12px 0 12px'); DD_roundies.addRule('span.round-menu-left', '0 0 0 10px'); DD_roundies.addRule('span.round-menu-right', '0 10px 0 0'); </script>

     

    It is giving a DD_roundies is not defined error.

  • Profile Image
    cyberlp
    Answered on September 17, 2010 at 09:56 AM

    i've checked and the problem seems to come from a Stylesheet and not from the java script.

    As soon I removed the following lines in CSS, the bug is fixed. Do you know why?

     

    table, td{
        font:100% Arial, Helvetica, sans-serif;
    }
    table{width:100%;border-collapse:collapse;margin:1em 0;}
    th, td{text-align:left;padding:.5em;border:1px solid #CCC;}
    th{background:#CC6633 url(tr_back.gif) repeat-x;color:#fff;}
    td{background:#;}

    tr.even td{background: #FFCC66 ;}
    tr.odd td{background:#FFCC33;}

    th.over, tr.even th.over, tr.odd th.over{background:#;}
    th.down, tr.even th.down, tr.odd th.down{background:#;}
    th.selected, tr.even th.selected, tr.odd th.selected{}

    td.over {background:#CC6633;}
    td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
    td.selected, tr.even td.selected, tr.odd td.selected{background:#CC6633;}

    td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}

  • Profile Image
    aytekin
    Answered on September 17, 2010 at 10:32 AM

    CSS on your form affects the CSS of the lightbox.