Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Text wrapping aound images

Text wrapping aound images

Locked

Views: 2,102

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
11 Feb 2008, 8:28 PM
#1
darktowerhobbies avatar

darktowerhobbies

New Zenner

Join Date:
Jan 2008
Posts:
83
Plugin Contributions:
0

Text wrapping aound images

When a customer looks at the product on my site it wraps the text around the pic. Like **here**

What I would like it to do is **this**

Basically I need it to left justify on the pic.

Thanks in advance

11 Feb 2008, 8:50 PM
#2
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,615
Plugin Contributions:
0

Re: Text wrapping aound images

Neither of your links work.

12 Feb 2008, 12:46 AM
#4
darktowerhobbies avatar

darktowerhobbies

New Zenner

Join Date:
Jan 2008
Posts:
83
Plugin Contributions:
0

Re: Text wrapping aound images

I Guess this is a hard question

12 Feb 2008, 6:26 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Text wrapping aound images

Your question could use clarification (I know you know exactly what you mean, but we don't), and none of your links work except the last one.

You can set a

margin-left: 210px;

on #productDescription, #cartAdd and other classes/ids in your stylesheet, along with setting the maximum width of product images at 200px. You can adjust these numbers as required.

There are other more advanced techniques possible too. Some have been discussed in the forum recently.

13 Feb 2008, 6:02 AM
#6
darktowerhobbies avatar

darktowerhobbies

New Zenner

Join Date:
Jan 2008
Posts:
83
Plugin Contributions:
0

Re: Text wrapping aound images

Ok here is a working link http://darktowerhobbies.com/index.php?main_page=product_info&cPath=6&products_id=16

What I would like to do is make it look similar to this http://shop.forge-games.co.uk/mechan...gers-188-p.asp

I looks cleaner to me all of his text left justifies off the pic I did what you said to do and the title still wraps around with the price below it.

Also before I type something in to search in the forum what should I look for I am tired of getting 200,000 posts about nothing I need.

Thanks

13 Feb 2008, 4:04 PM
#8
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Text wrapping aound images

Add to your stylesheet:

#productName, #productDetailsList {margin-left: 210px;}

If you want to check out another technique, search on productGroupWrapper.

14 Feb 2008, 2:47 AM
#9
darktowerhobbies avatar

darktowerhobbies

New Zenner

Join Date:
Jan 2008
Posts:
83
Plugin Contributions:
0

Re: Text wrapping aound images

Ok I added exactly what you said to and still nothing you can see here the Contains: is below and to the left of the pic the rest of the text is fine though

here is the link

14 Feb 2008, 8:54 AM
#10
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Text wrapping aound images

The text is doing exactly what you have told it to do: you have margin-left: 110px; on most of it, and the text that is not pushed over to clear the floated image is at 110px from the left edge of the column. As I said, if you want the text to line up vertically, you need to make the margin-left big enough to clear the maximum image width.