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

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

http://designerperfumesnob.authsafe.com/womens-perfume-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~

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

You said left so this

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

djdavedawson:

You said left so this

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

http://designerperfumesnob.authsafe.com/womens-perfume-c-656.html

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.

djdavedawson:

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

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.

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

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

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??

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;

That's perfect :)

Yes, I agree.

Try floating the image to the right also. It may make the text on the page flow better.

Also, Your drop down nav has some issues in safari.

You may want to check that out.

~D

djdavedawson:

Yes, I agree.

Try floating the image to the right also. It may make the text on the page flow better.

Also, Your drop down nav has some issues in safari.

You may want to check that out.

~D

I was so happy with the result I didn't want to say the text looked too rigid. But this! This is just perfection! I thought because the illustration was facing right, she couldn't be heading off the page, but I was so wrong.

I am getting the whole drop down nav redone into a static nav, but thank you for mentioning it.

I just can't thank you enough.