This post has been pulled forwards in time because there was a CSS problem, or at least IE thinks there was, causing all floats to disappear within my div#content. The problem has been resolved, so here it is for those of you surfing with your testing browser (don't tell me you haven't got a real browser yet, or have you not heard of this Internet Explorer bug which they still haven't fixed?). Tangent aside, here's that advice again along with a demo.
New Plants
Suggestions for Doug. Size the photographs from your camera phone closer to the size that they appear on the phone (1/4 current size). The jpeg artifacts will be less exaggerated so they'll look like web optimized images rather than just low quality. At that size they could be floated in with the text as shown here. Use margins around them because IE5.5 doesn't support padding on images. For an in depth discussion of the proper markup for floating images with captions visit Dan Cederholm's most recent SimpleQuiz. Here's my take:
<a class="thumbnail" href="plants.jpg">
<img src="plants_thumb.jpg" />
New Plants
</a>
My CSS behind this is pretty lame, figure it out yourself. Can't do worse than the kludgey stuff I came up with.
No comments:
Post a Comment