Results 1 to 5 of 5
  1. #1
    Join Date
    Aug 2006
    Posts
    110
    Plugin Contributions
    0

    Default Avoiding text wrap with css

    Hi all.

    I've been gradually sorting my store but one thing I can't seem to do is stop the text wrapping around the buttons during checkout. The buttons are modded but the problem existed with the default ones too.

    I can't seem to find how to stop this happening by using CSS.

    It's not easy to show you what I mean unless you go through my checkout, so I've posted a screen grab here:

    www.mancinelli.co.uk/wrap_problem.gif

    I want those first 3 lines to sit underneath the edit button, rather than wrapping around it.

    Thanks for any help.

    Steve

  2. #2
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default Re: Avoiding text wrap with css

    i suggest you to use firefox with firebug add on so you can see which css effecting your content . you can either use <br> by adding this to right location in your template page or adding
    clear: both; to your CSS within correct rule .. if rule dose not exist but either content or button has associated Class or ID , you can easily add them to your CSS .

  3. #3
    Join Date
    Aug 2006
    Posts
    110
    Plugin Contributions
    0

    Default Re: Avoiding text wrap with css

    Thanks, I do use the css tools in Firefox (couldn't be without then!).

    Nothing seemed to work though so in the end I hard coded a few line breaks :-)

    Thanks

  4. #4
    Join Date
    Jul 2009
    Location
    Texas
    Posts
    209
    Plugin Contributions
    2

    Default Re: Avoiding text wrap with css

    Quote Originally Posted by budfox View Post
    Hi all.

    I've been gradually sorting my store but one thing I can't seem to do is stop the text wrapping around the buttons during checkout. The buttons are modded but the problem existed with the default ones too.

    I can't seem to find how to stop this happening by using CSS.

    It's not easy to show you what I mean unless you go through my checkout, so I've posted a screen grab here:

    www.mancinelli.co.uk/wrap_problem.gif

    I want those first 3 lines to sit underneath the edit button, rather than wrapping around it.

    Thanks for any help.

    Steve
    A link to the page would have been better. From what it looks like the edit button is floated. A clear:both around the text will most likely do what you want.

  5. #5
    Join Date
    Aug 2006
    Posts
    110
    Plugin Contributions
    0

    Default Re: Avoiding text wrap with css

    Thanks for your help but I couldn't link to the page because someone would have to go through registration just to see the problem. (I think)

    I've sorted it now by hard coding some line breaks, and I did try clearing floats but it didn't work.

    I'll have another look as it will be helpful for next time.

    Cheers

 

 

Similar Threads

  1. How to Insert & Wrap Image with Welcome Text?
    By kconklin in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 2 Mar 2010, 10:20 PM
  2. No text wrap
    By scottb in forum General Questions
    Replies: 5
    Last Post: 5 Feb 2009, 04:27 PM
  3. Product Info text wrap
    By sathiy in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 31 Aug 2008, 03:52 AM
  4. Text wrap problem with subcats in category sidebox
    By Dionysian in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 27 Aug 2007, 06:46 AM
  5. Weird Text Wrap Problem in Review Text area...
    By Peace Freak in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 11 Oct 2006, 12:50 PM

Bookmarks

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
Zen-Cart, Internet Selling Services, Klamath Falls, OR