Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Firefox won't run my HTML, but Chrome and Edge do

more options

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

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 is[https://www.seguintexas.gov/click_cal_OCT1200px.html here]
Attached screenshots

Chosen solution

Yea I understand, but I think that a parent shouldn't have 0 size.

Read this answer in context 👍 0

All Replies (5)

more options

Firstable, try to add

 td {
    height: inherit;
}
more options

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.

more options

Chosen Solution

Yea I understand, but I think that a parent shouldn't have 0 size.

more options

That fixed it! You are a miracle worker, thank you!!! :)

more options

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.