Step 5 - Make it Invisible
On my Bethel page I have a photo that isn't really necessary to the
page, it's very small on my phone and my tablet and I can't zoom in
on it. I can do one of two things:
A - leave it on the page and have it link to itself so that it will
show screen-sized (or full-sized) when tapped.
B - make it invisible
A - just make the photo a link to itself like you would link a
"return" graphic to your home page. You can do this in your HTML
editor.
<div align="center"><a
href="http://www.txrusk.com/cemetery/images/cembethel.jpg"><img
alt="Bethel Cemetery"
src="http://www.txrusk.com/cemetery/images/cembethel.jpg"
width="500"
height="395"></a></div>
B - add the invisble class to your <img> tag.
<div align="center"><img alt="Bethel Cemetery"
src="http://www.txrusk.com/cemetery/images/cembethel.jpg"
width="500" height="395"
class="invisible"></div>
Return to Step 4 - Link to the CSS
Return to Step 1
Tutorial Home