SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Sep 2011
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Menu don't break line

    My website have 1020px width while my menu is so much,so my menu wesbite is break-line.

    I want menu isn't break-line.How do I do ?

    Thank you for helping me.

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,751
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    You have given us no code which literally makes it impossible to give you a correct answer as to how to fix your problem .

    What I gather is that your menu is displaying on two or more lines and you want it to be all horizontally aligned?

    Either give us a website to look at (preferable) or give us full HTML/CSS so we can replicate the issue on our end (a minimalistic version of the site, just having the menu on there is next best option)
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Member
    Join Date
    Sep 2011
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    You have given us no code which literally makes it impossible to give you a correct answer as to how to fix your problem .

    What I gather is that your menu is displaying on two or more lines and you want it to be all horizontally aligned?

    Either give us a website to look at (preferable) or give us full HTML/CSS so we can replicate the issue on our end (a minimalistic version of the site, just having the menu on there is next best option)
    I'm sorry, I forget about this.
    This is my website : http://vietnamhighlighttours.com/
    I'm using Microsoft translator tool.When I translate to French language,my menu is breakline.The website is very bad.
    Sorry,My english is not good.
    Thank you very helping me.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,546
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    When you change the language the text is much longer so it breaks to the next line. Once it breaks to the next line it pushes all the rest of the page out of position because the rest of the page snags on the floated element that has wrapped.

    If you make sure your content wrapper is cleared then at least the content will be align properly although the menu will still be on two lines.

    Code:
    div.contentwrapper {
        clear: both;
        padding: 10px 0;
    }
    There's not much you can for the top menu other than changing the design so that it can wrap or make sure items that don't have a drop down are at the end of the line and can wrap to a new line when the language is changed.


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
  •