...

View Full Version : CSS Image and Text list



Muckiem14
07-05-2007, 06:42 AM
Hello. Can anyone tell me the best way to do recreate this with CSS? By this, I mean the images to the left with the text to the right. The images are aligned to the middle of each text section. Thanks for any advice you can give me.

http://www.americad.tv/aboutus.htm

Mike

BWiz
07-05-2007, 07:03 AM
You would set the images to float to the left, while adding margin to it. Somthing like this:




<style type="text/css">
<!--
img.thumbnail
{
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
br.both
{
clear: both;
}
-->
</style


<img class="thumbnail" src="media/images/thumbs/me.jpg" alt="A small image of me!" />
<p>A little bit about myself...</p>
<br class="both" />
<img class="thumbnail" src="media/images/thumbs/chloe.jpg" alt="A picture of my friend, Chloe!" />
<p>My friend, Chloe! A great friend because she...</p>
<br class="both" />
<img class="thumbnail" src="media/images/thumbs/reb.jpg" alt="A picture of my friend, Red!" />
<p>My friend, Reb! A great friend because he...</p>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum