Firefox won't run my HTML, but Chrome and Edge do
I have created an HTML file in notepad to run a clickable calendar for our library website. This is an html table with the background set as an image of our calendar with anchors in the cells linking to our events placed across the table. When you click on an event, it links to the webpage on our site that corresponds to that event. This works flawlessly on Chrome and Edge, but will not work on Firefox. The image loads, but when you hover over the calendar, none of the links are detected (the pointer does not change, the link does not appear in the bottom left corner, it just appears like a static image) and when you click on the titles of the events, nothing happens. However, when I inspect element and hover over my code, It shows the buttons are there (see images.) Any idea what is happening?
The link to our current calendar ishere
Solution choisie
Yea I understand, but I think that a parent shouldn't have 0 size.
Lire cette réponse dans son contexte 👍 0Toutes les réponses (5)
Firstable, try to add
td {
height: inherit;
}
Hi, thanks I'm not having trouble with the button size, they just won't appear/ aren't active within the firefox browser. When I hover my mouse over the titles, there is nothing to click on. It only works in chrome and edge.
Solution choisie
Yea I understand, but I think that a parent shouldn't have 0 size.
That fixed it! You are a miracle worker, thank you!!! :)
Hi mara, the reason for this problem/solution is that the link having 100% of the height of the cell is undefined in Firefox. Firefox needs a height set on the parent when the child's height is set as a percentage.