Forums

Give help. Get help.

  • # November 2, 2017 at 7:33 am

    Hello guys!
    I’ve created a html table with some labels that rotate on click, (or checked), as they are
    connected to hidden checkboxes.
    The broblem is that they work just fine only in mozilla firefox.
    I did some experiments with just one label that works in all browsers, until I place it in
    its cell, once inside, is working just in mozilla.
    As I can’t figure out what the problem is, please I need your help.
    I will gladly accept also js code as alternative, thank you very much, have a nice day!

    https://codepen.io/anon/pen/JOGdvx

    # November 2, 2017 at 8:04 am

    Your example works in Chrome and Safari. I don’t see a problem.

    # November 2, 2017 at 9:31 am

    Only working in Firefox on my Windows 7 system…

    I wouldn’t use a table for it myself. It doesn’t seem very semantically correct here and might be the cause.

    # November 2, 2017 at 2:21 pm

    Or in case you want to stick with it anyway, try setting a specific height for .card instead of a percentage:

    .card {
      height: 120px;
    }
    

    Edit – or this:

    label {
      display: block;
    }
    

    I think it’s the label causing no height being inherited, not the table.

    # November 4, 2017 at 3:35 am

    Thanks a lot Shikkediel ! Now everything works just fine.
    Have a great day guys!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag