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