Results 1 to 10 of 10
  1. #1
    Join Date
    Jan 2008
    Posts
    84
    Plugin Contributions
    0

    Default 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

  2. #2
    Join Date
    Jun 2003
    Posts
    33,721
    Plugin Contributions
    0

    Default Re: Text wrapping aound images

    Neither of your links work.
    Please do not PM for support issues: a private solution doesn't benefit the community.

    Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

  3. #3
    Join Date
    Jan 2008
    Posts
    84
    Plugin Contributions
    0

  4. #4
    Join Date
    Jan 2008
    Posts
    84
    Plugin Contributions
    0

    Default Re: Text wrapping aound images

    I Guess this is a hard question

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default 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.

  6. #6
    Join Date
    Jan 2008
    Posts
    84
    Plugin Contributions
    0

    Default Re: Text wrapping aound images

    Ok here is a working link http://darktowerhobbies.com/index.ph...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

  7. #7
    Join Date
    Jan 2008
    Posts
    84
    Plugin Contributions
    0

    Default Re: Text wrapping aound images

    These little color swatches are giving me lots of issues http://darktowerhobbies.com/index.ph...products_id=17

    Sorry did not edit earlier post fast enough I think I have the large working just these little colors are not

    And how do I fix the title tp not wrap is that in the style sheet?

  8. #8
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default 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.

  9. #9
    Join Date
    Jan 2008
    Posts
    84
    Plugin Contributions
    0

    Default 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

  10. #10
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default 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.

 

 

Similar Threads

  1. v154 Wrapping text in text box attribute
    By michaelchu in forum Setting Up Categories, Products, Attributes
    Replies: 2
    Last Post: 25 Jan 2015, 06:47 PM
  2. Text is wrapping images on product display
    By latitudeit in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 Aug 2010, 11:19 PM
  3. Text Box Attribute - text not wrapping in shopping cart
    By cowgirlmodel in forum Setting Up Categories, Products, Attributes
    Replies: 8
    Last Post: 23 Oct 2009, 07:00 PM
  4. Text Wrapping Problems Next to Item Images
    By Caroofikus in forum Templates, Stylesheets, Page Layout
    Replies: 13
    Last Post: 30 Apr 2007, 07:45 PM
  5. wrapping text around images
    By Karole in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 5 Mar 2007, 07:19 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg