Image position on category page

[cjw]

Hi, I'm trying to figure out how to change the image on my category pages. Right now it drops the text below the image instead of starting the text next to the image (like on the product pages). Which file has this info and how can I change it?

[kobra]

Post a url to this

[Stuff4Toys]

Post a url to this

I'm thinking I just had the same question. Good thing I looked before I started a new thread.
http://www.liberty-flag.com/index.ph...ex&cPath=4_187

I would like to "Align Left" the image so the text wraps around the image.

JOhn ><>

[cjw]

Here's what I'm talking about:

How can I make the image just sit to the left of the text instead of above it?

[cjw]

Hmm, don't know what it did to my url in the above post but here it is again:

https://ssl.perfora.net/outdoordecor...=index&cPath=1

[kobra]

This should get what you want and you can adjust values as you see fit.

Find or add this to your stylesheet

#productListHeading {
width: 80%;
float: right;
margin-top: 50px;
}

#categoryImgListing {
width: 20%;
}

[Stuff4Toys]

I made a few adjustments and "viola" perfect.

THANKS
JOhn ><>

[Stuff4Toys]

Perfect in IE 6 & 7
Didn't work for Firefox 1.5
http://www.liberty-flag.com/index.ph...ex&cPath=4_194

[gjh42]

Looks good in FF2... Image at top left and text wrapping neatly around it.

What is it doing in 1.5?

[Stuff4Toys]

Looks good in FF2... Image at top left and text wrapping neatly around it.

What is it doing in 1.5?

In 1.5 the text is below the image. Not a real problem unless it is an easy fix. Just liking to clean up the text and reduce the space. This is what I have in the stylesheet.css

 
/* Category Image Placement */
#productListHeading {
width: 100%;
float: left;
margin-top: 0px;
}
#categoryImgListing {
width: 40%;
float: left;
/*padding-right: .5em; */
}
/* Category Image Placement End*/