Hey Jerrod, Here's a slightly different way of coding it...without using positioning 
etc (roughed it up real quick):

<style type="text/css">
<!--

.prodBucket { 
        border: 1px solid green;
        margin: 15px }

.prodBucket img {
        border: 1px solid red;
        }
        
.prodBucket h2 {margin:0;padding:0;}

.prodBucket ul {
        border: 1px solid blue;
        list-style: disc inside;
        margin: 0 0 0 55px;
        padding: 0;     
        }
-->
</style>

<h1>&nbsp;</h1> 
<div class="prodBucket">
<img src="cover.gif" width="51" height="67" align="left"> 
  <h2>Product Title 1</h2> 
    <ul> 
      <li>liquam vitae, sodales quis, vet</li> 
      <li>iaculis, lorem est vehicula lectus, vitae faucib</li> 
      <li>ipsum dolor sit ametm </li> 
    </ul> 
</div>

> > -----Original Message-----
> > From: James Ellis [mailto:[EMAIL PROTECTED]
> > Sent: Thursday, October 09, 2003 10:04 AM
> > To: [EMAIL PROTECTED]
> > Subject: Re: [WSG]Product Listing layout
> > 
> > 
> > Quick query - would a table data cell layout be more applicable to this?
> > 
> > If it's a product listing of related items I'd go for this - putting the > img in
> > one cell and text in an adjacent cell...
> > 
> > Cheers
> > 
> > James Ellis
> > www.webqs.com
> > ---
> > WSG - http://webstandardsgroup.org | Web Standards Group
> > syd::php - http://sydney.ug.php.net | Sydney PHP Developers
> > ---
> > #300 - http://www.sitepoint.com/articlelist/300
> > ---
> > 
> > ---------- Original Message -----------
> > From: "Enders, Jerrod" <[EMAIL PROTECTED]>
> > To: "'[EMAIL PROTECTED]'" <[EMAIL PROTECTED]>
> > Sent: Wed, 08 Oct 2003 10:36:47 -0500
> > Subject: [WSG]Product Listing layout
> > 
> > > Hi all,
> > > I am attempting a full css layout of a product listing including 
> > > images.  I have run into a couple issues that I am not sure if I 
> > > approached the right way.  Could I get a review of my styles from 
> > > someone who has done something similar?  The css is embedded.  Thanks!
> > > 
> > > http://www.jerrodenders.com/stage/product.cfm
> > > *****************************************************
> > > The discussion list for http://webstandardsgroup.org/
> > > *****************************************************
> > ------- End of Original Message -------
> > 
> > *****************************************************
> > The discussion list for http://webstandardsgroup.org/
> > ***************************************************** 
> > 
> > 
> 
> *****************************************************
> The discussion list for http://webstandardsgroup.org/
> ***************************************************** 
> 

*****************************************************
The discussion list for http://webstandardsgroup.org/
***************************************************** 

Reply via email to