FontAwesome Icons funktionieren nicht als Links in HTML-Tabelle

Question

Ich habe den folgenden Code, der ein tolles Symbol Schriftart zu einer Tabellenzelle hinzugefügt und es in einen Link umschließt.

<table class="page_links" width="133" border="1"> 
        <tr> 
         <td><a href="#"><i class="fa fa-eye" aria-hidden="true"></i></a></td> 
         <td><a href="#"><i class="fa fa-picture-o" aria-hidden="true"></i></a></td> 
         <td><a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i></a></td> 
        </tr> 
</table> 

Aus irgendeinem Grund scheinen die Links nicht zu funktionieren. Der Cursor ändert das Symbol nicht, wenn ich die Maus über die Zelle bewege, um anzuzeigen, dass ein Link vorhanden ist. Irgendwelche Ideen? Kann das nur mit JavaScript oder sowas gemacht werden?

Answer 1

In folgenden Code in CSS

.page_links a{ 
cursor:pointer; 
}