Archived

This topic is now archived and is closed to further replies.

  • 0

Internet Explorer v10: Social Media Icons Not Resizing in Sidebar

Question

Posted · Report post

Website URL: http://lessonslearntjournal.com

Framework Version: 2.4.4
WordPress Version: 3.5.1
Screenshots: attached: image001.png & Screen Shot 2013-07-01 at 12.00.28 AM.png

Details:

 

I have created a table to display my social media icons. Using Safari, the social media icons look fine (see Screen Shot 2013-07-01 at 12.00.28 AM.png) . However, using Internet Explorer v10, it appears the images for the icons aren't resizing (see image001.png).

 

 

I have used the TablePress plugin to create my table. An example of the code I have used for a social media icon in my table:

 

<a href="https://www.facebook.com/LessonsLearntJournal" target="_blank"><img src="http://lessonslearntjournal.com/wp-content/uploads/2013/02/facebook.png" width="40px"></a>
 
Is there extra code I should add to my CSS so that these social media icon images in IEv10 look as they do on Safari?
 
Ta,
Pauline

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

Hi,

 

It is well documented throughout this forum that Internet Explorer does not handle resizing or scaling very well, compared to other browsers.  For years I've been urging people to resize their images to the exact size they want it to appear.  While one browser may show a 100px x 100px image as 40px square, IE will not do that. So, if you want a 40px image somewhere, use your graphics editor, such as PhotoShop and resize there, then upload and replace any oversized images.

Share this post


Link to post
Share on other sites