Need some help fixing a CSS issue. Take a look at:
On the main page, there is a "featured listings" box where the listings are randomly picked from the dB. Hit refresh a few times and you'll see the issue.
What i'd like to do is have the left, center and right "section" of the box to be a set width, no matter what the image width is. The maximum width the image can be is 130px. Thumbnails are not always 130px because after the user uploads images, I resize the original image but I leave the preserve aspect ratio on so that the image is not streched.
This is the code that deals with the image:
I've tried many different things, including have a width: 130px; in each of the image <div>'s
Thanks!
____________________________________
Just Imagine.
On the main page, there is a "featured listings" box where the listings are randomly picked from the dB. Hit refresh a few times and you'll see the issue.
What i'd like to do is have the left, center and right "section" of the box to be a set width, no matter what the image width is. The maximum width the image can be is 130px. Thumbnails are not always 130px because after the user uploads images, I resize the original image but I leave the preserve aspect ratio on so that the image is not streched.
This is the code that deals with the image:
Code:
<div style="padding:100px 30px 0px 25px; position: absolute;">
<div style="border:1px solid black; height:155px; width: 440px;">
<div style="float:left; padding:10px 10px 10px 10px;">
<img src="1.jpg" alt="1.jpg" border="0">
<br/><a class="featuredProp" href="">Testing Two</a> <br/>
<div class="featuredPropLoc">Milan</div>
</div>
<div style="padding:10px 10px 10px 10px;">
<img src="2.jpg" alt="2.jpg" border="0">
<br/><a class="featuredProp" href="">qwertyuiop</a> <br/>
<div class="featuredPropLoc">Melbourne</div>
</div>
<div style="padding:10px 10px 10px 300px; margin:-12.5em -10em 0em 0em;">
<img src="3.jpg" alt="3.jpg" border="0">
<br/><a class="featuredProp" href="">test three</a> <br/>
<div class="featuredPropLoc">Johannesburg</div>
</div>
</div>
<h4 style="margin:0em 0em 0em 0em; text-align:right">Featured Listings</h4>
</div>
I've tried many different things, including have a width: 130px; in each of the image <div>'s
Thanks!
____________________________________
Just Imagine.