WordPress.org

1. CJHA
   Member
   Posted 8 months ago #

   My site - http://www.ramblingirish.com - seems to work fine in firefox & IE.
   But in Safari and some older browsers, the sidebar icons go massive and out of proportion.

   How can I get it to work properly in all browsers? Is this a simple matter of adding doctypes or is there a problem in my code?

2. riversatile
   Member
   Posted 8 months ago #

   Hi,

   In you code, you've used this :

   <img src="http://www.ramblingirish.com/wp-content/uploads/2011/09/RSS.jpeg" alt="" width="”32″" height="”32"">

   That's why "width" and "eight" attribute are not detected correctly by the most of internet browsers !

   You sould use this for each icon :

   <img src="http://www.ramblingirish.com/wp-content/uploads/2011/09/RSS.jpeg" alt="" width="32" height="32">

   DEMO Here

   Regards

3. CJHA
   Member
   Posted 8 months ago #

   Hmmm, I've made those changes and it still displays all messed up on the home computer/safari browser.

   That being said, that computer is old and the safari version is outdated so perhaps it is just an exception. I think newer browsers seem to be fine with it.

   Thanks for the help!

4. riversatile
   Member
   Posted 8 months ago #

   no no no ! Impossible.
   I can see the HTML code is still incorrect.

   try to rewrite the values ​​of width and height by hand. Sometime, UTF code is incorrectly recognized after HTML encryption.

5. riversatile
   Member
   Posted 8 months ago #

   Othewise, the other solution is to upload 32x32 px picture. instead of 225x225 px

6. CJHA
   Member
   Posted 8 months ago #

   Decided to upload all the icons again as 36 x 36, sorted!

   Cheers for the tips!

Reply

You must log in to post.