3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

Banner Appears Full Size on Phone

by justlukeyou
2 replies
Hi,

I have built a site which appears perfect on my phone however when I try to add a banner from an affiliate network it blows up and appears full size on my phone.

Does anyone have any suggestions on how to deal with this please?


Code:
<div class="articleimagebannerborder">
                                    <!--START MERCHANT:merchant name s.co.uk from .com.-->
                                            <a href="http://www..com/cread.php?s=231307&v=1829&q=114438&r=98057"><img src="http://www..com/cshow.php?s=231307&v=1829&q=114438&r=98057" 
                        border="0"></a>
                                            <!--END MERCHANT:merchant name .co.uk from .com-->
                                            
                                            </div>
#appears #banner #full #phone #size
  • Profile picture of the author MikeOranguu
    Hey,

    Without actually looking at your site and playing with firebug, my initial suggestion would be to add the following css rule.

    HTML Code:
    .articleimagebannerborder a img {
    width:100%;
    height:auto;
}
    Let me know how it goes.
    {{ DiscussionBoard.errors[8330233].message }}
    • Profile picture of the author justlukeyou
      Originally Posted by MikeOranguu View Post

      Hey,

      Without actually looking at your site and playing with firebug, my initial suggestion would be to add the following css rule.

      HTML Code:
      .articleimagebannerborder a img {
    width:100%;
    height:auto;
}
      Let me know how it goes.

      Hi,

      I added the height:auto; and that fixed it. Cheers dude.
      {{ DiscussionBoard.errors[8331284].message }}

Trending Topics