I am having issues getting some logos to display on my page. The page shows the search results for a series of companies, with each result shown in a small box. I need the logo to scale correctly to fit within this box, however currently it is only changing the height, which causes it to look stretched.
The code for the box is:
<div class="membername"><?php the_title(); //echo the_excerpt(); ?></div> <a class="button" href="<?php the_permalink(); ?>" title="<?php the_title(); ?> Member Profile">View Details</a> </li>
However, the code being output for the image is as follows:
<img width="130" height="78" src="img.jpg" class="attachment-thumbnail wp-post-image">
Which seems to be the problem. I need the image to display no higher than 34px, however if I set this size in CSS, the width remains the original 130 set in the html. All images are different sizes so I cannot hardcode the width.
How can I go about scaling the image so it wont stretch?