- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The forum ‘Design’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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!
Your example works in Chrome and Safari. I don’t see a problem.
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.
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
.
Thanks a lot Shikkediel ! Now everything works just fine.
Have a great day guys!