SOLVED Ugh!!! Images are distorted on Chrome
-
-
- Tim Burkart
- Hero Rocketeer
- Posts: 272
- Thanks: 21
-
Hi,
I am upgrading a site that has a lot of HTML tables, uses scaled images and has an old version of Virtuemart. The reason for this post is that Chrome wreaks havoc with images regardless of whether height / width attributes are set. For example on this page - zclientdev.net/stardev/index.php?option=...uemart_category_id=6 - the image dimensions are 32px by 300px despite have CSS attributes of 279 x 300 (true size). When I remove the dimensions I get a thumbnail size image of 32 x 34.
Could someone please explain this behavior?
Thank you!
Joomla 2.5.9
Gantry 4.1.9
Virtuemart 2.0.20b - Last Edit: 12 years 3 days ago by Tim Burkart.
-
-
-
- Tim Burkart
- Hero Rocketeer
- Posts: 272
- Thanks: 21
- Anyone, please? I'm using a 1200px fixed width for this theme. Also, Joomla is now at 2.5.10.
-
-
-
- Tim Burkart
- Hero Rocketeer
- Posts: 272
- Thanks: 21
-
I found a solution for my problem. Since most of the distorted images were in table rows I added a CSS height/width attribute to the first image AND a table cell CSS width attribute to the first image. Once the first image in the table was displaying as coded, the remainder followed suit. Here is a code snippet of what I did:
<table ...> <tbody> <tr> <td style="width: 100px;"> <img src="picture.jpg" alt="my picture" style="height: 100px; width: 100px;" /> </td> <td>text goes here...</td> </tr> <tr> <td> <img src="picture.jpg" alt="another picture" height="100" width="100" /> </td> <td>text goes here... </td> </tr> </tbody> </table>
Not sure this is the best solution but at least it is a work around for what is already there. The site is too big to convert everything to proper coding styles.
Hope this helps someone else!
-
Time to create page: 0.067 seconds