Can I place a non product image on a category page?

[traytray]

I have a JPEG image that I would like to use on this page to the left of the text:

http://designerperfumesnob.authsafe....ume-c-656.html

The image is in : includes/templates/mycustomtemplate/images

Is there HTML I can use to set up the image where I want it and the text where I want it?

The image is an illustration of a girl with shopping bags. What would be good dimensions for the image?

Thank you~

[djdavedawson]

Add this

<img style="float:right" src="path/to/file.jpg" width="300" height="225" />

Above this

<p style="font-size: 110%;">OK, deep breath. How could I have fallen so far behind? OK, I know

in the category description.

Besure to update the width and height

[djdavedawson]

You said left so this

<img style="float:left" src="path/to/file.jpg" width="300" height="225" />

[traytray]

You said left so this

<img style="float:left" src="path/to/file.jpg" width="300" height="225" />

Oh, thank you so much! It looks awesome!!!

http://designerperfumesnob.authsafe....ume-c-656.html

[djdavedawson]

You're welcome. You can also try moving the IMG tag inside the P tag.

<p style="font-size: 110%;">
<img style="float:left" src="includes/templates/piccadilly_posh/images/snobgirl.jpg" width="300" height="275">

So it centers your H2 header.

Try it both ways.

[traytray]

You're welcome. You can also try moving the IMG tag inside the P tag.

<p style="font-size: 110%;">
<img style="float:left" src="includes/templates/piccadilly_posh/images/snobgirl.jpg" width="300" height="275">

So it centers your H2 header.

Try it both ways.

I must not be following you. When I copied the code you show above, nothing changes. If I just have one set of brackets <>, that holds the image code as well as the p style, then I lose the image, but the Free Shipping under the text is centered.

[gjh42]

How do you get "just have one set of brackets <>, that holds the image code as well as the p style" from this?

<p style="font-size: 110%;">
<img style="float:left" src="includes/templates/piccadilly_posh/images/snobgirl.jpg" width="300" height="275">

There is a set of brackets for the <p> and another set for the <img>.

[traytray]

sorry, I got confused when you said move the img tag inside the p tag. Anyway, this is how I have it now:

<p style="font-size: 110%;">
<img style="float:left" src="includes/templates/piccadilly_posh/images/snobgirl.jpg" width="300" height="275" />

It didn't move the Free Shipping to the center. While I think it looks kind of nice where it is, I am curious how it would look centered.

As for the top, There's a lot of white space above the text on the right. I made the first two words bold to compensate for that and I think it helps, but I think a heading might look better. I don't want anything too large. I played around with a few things, but it kept messing up the h2 header, so I stopped.

Unless.....the heading Women's Perfume could be larger and centered??

[gjh42]

It didn't move the Free Shipping to the center. While I think it looks kind of nice where it is, I am curious how it would look centered.

Add to your
#customHeaderTwo {} rule

clear: left;

[traytray]

That's perfect :)