XF 1.4 Help with auto image sizing for tablets and smart phones

New Joe

Well-known member
I've got a problem, I want to add an image in my template above where I have my google ads.

I used this code:

Code:
<div align="center"><img src="images/jump.jpg" border="0" alt="  "/></a>
</div>
<br />
Which works and shows fine on my computer or laptop but on a tablet or smart phone the image is way too big
I was hoping there's a code which can be added to my code to make the image auto resize for tablets or smart phones

Hope someone can help
Thanks
 

Snog

Well-known member
Code:
<img src="images/jump.jpg" border="0" alt="  " style="max-width:100%;" />
Should do it.
 

New Joe

Well-known member
Thanks Snog i'll give it a try.
Nice to see you online mate hope you're well, been a long time since I've been on here, lots going on my end so not had much time for Forum tech stuff.

*Update*

Worked a treat mate, thanks again
 
Last edited:

New Joe

Well-known member
Code:
<img src="images/jump.jpg" border="0" alt="  " style="max-width:100%;" />
Should do it.
@Snog using that same code above, how can it be tweaked so that when you hover over the image it's clickable and when clicked it opens a new tab on your browser to a new url such as www.newsite.com

Would it be:
Code:
<a href="http://www.newsite.com/" target=<img src="images/jump.jpg" border="0" alt="  " style="max-width:100%;" />
 

Snog

Well-known member
@Snog using that same code above, how can it be tweaked so that when you hover over the image it's clickable and when clicked it opens a new tab on your browser to a new url such as www.newsite.com

Would it be:
Code:
<a href="http://www.newsite.com/" target=<img src="images/jump.jpg" border="0" alt="  " style="max-width:100%;" />
No more like this...
Code:
<a href="http://www.newsite.com/" target="_blank" >
<img src="images/jump.jpg" border="0" alt="  " style="max-width:100%;" />
</a>
 
Top