I have text embedded in a <td> that displays the current phase of the moon (via a php script). If you hover over the text a small image of the moon in that phase appears below the text. All this works as it should.
The problem is if the user clicks on the text, they get a error:
"Not Found The requested URL was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
Here is the html line that displays the moon phase and triggers the image if moused over
I tried to use a php ternary operator to test for a valid link and I also tried css: pointer-events: none; but could not get either to work.
Can anyone suggest a solution so if the user clicks on the text nothing will happen?
Thank you.
The problem is if the user clicks on the text, they get a error:
"Not Found The requested URL was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
Here is the html line that displays the moon phase and triggers the image if moused over
Code:
<td class="desc-td"><span class="hiddentxt"><a href="images/<?php echo $theimage;?>">Moon Phase: <?php echo $thephase;?></a></span><span class="hiddenimg"><img src="images/<?php echo $theimage;?>" width="125"/></span></td>
I tried to use a php ternary operator to test for a valid link and I also tried css: pointer-events: none; but could not get either to work.
Can anyone suggest a solution so if the user clicks on the text nothing will happen?
Thank you.