title: CSS/HTML - Hide images on mobile phone and use an alternate text
body: <p>I currently have a page that generates a table from an SQL database using PHP, including one column that contains images. Due to us now having to work on a mobile platform, I'm looking for a way to hide the images. I'm currently using <code>display: none</code> on an <code>antiscreen.css</code> file, but as the images are links, it doesn't show the links</p>
  
  <p>For clarity, when the image is on a PC browser it appears like this:</p>
  
  <pre><code>&lt;td&gt;
    &lt;a href="link to image source:&gt;
      &lt;img  height=80 alt='Text I want to display' src="link to image source" /&gt;
    &lt;/a&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>And when on a mobile the image, link and text are hidden using the <code>display:none</code> method.</p>
  
  <p>So how would you recommend I work this out?</p>