Home > Questions and Answers > General Questions

Mobile landing help for a html AND mobile newbie (5)


08-05-2014 08:23 AM #1 nt2000 (Member)
Mobile landing help for a html AND mobile newbie

hi guys,

Recently inspired after the London meet up I'm trying to get the basics of a mobile campaign correct.

I'm a complete newbie to html and photo editing. I followed Caurmen's guide to setting up a lander and it seemed easy enough until i tried to amend it for my own offer!

In portrait on a mobile the lander looks acceptable but flip it over and the image goes all stretched and rubbish. Can anyone shed some light on my html woes?

http://neotmarketing.com/landing/mobland-stage2.html

Any other advice welcome too.

Thanks


08-05-2014 11:27 AM #2 andyvon (AMC Alumnus)

take out the "height" and "width" attributes of your <img> tag and it should work fine.

because of the ".image{width:80%; max-width: 80%; }" css line the width is always 80 % of the screen, but the height is fixed because of the "height=" attribute in the <img> tag.


08-05-2014 11:37 AM #3 nt2000 (Member)

Nice one Andy i thought it was something baisc like that.

Any other feedback on this? It's obviously very basic but keen to run a campaign with a lander so i can go through the process of setting everything up.

Also any Italians welcome to let me know if the copy makes sense. I used google translate!


08-05-2014 04:54 PM #4 caurmen (Administrator)

Looks good, and loads nice and fast. Test it out!

Be aware - if it converts like shit you'll probably want to rip out the Google Translate and have the translation done properly, then test again.


08-05-2014 08:53 PM #5 nt2000 (Member)

Yea will do thanks.


Home > Questions and Answers > General Questions