Results 1 to 4 of 4
  1. #1
    Join Date
    Jan 2011
    Posts
    196
    Plugin Contributions
    0

    Idea or Suggestion Category Tab Layout Question

    I am using Category Tabs that goes across the site horizontally.

    Basically this concept where first category name is placed all the way to left, and last one is all the way to right:

    |One Two Three Four Five|

    Code:
    #navMain ul, #navSupp ul, #navCatTabs ul {
    	text-align: center;
    	}
    
    #navMain ul li a, #navCatTabs ul li a {
    	padding: 10px 31px 10px 30px;
            white-space: nowrap;
    	}
    
    #navCatTabs ul li:first-child a
    {
    	padding-left:0px;
    	padding-right:30px;
    
    }
    
    #navCatTabs ul li:last-child a
    {
    	padding-right:0px;
    	padding-left:30px;
    
    }
    This works all nice. But one certain browsers/devices, font is rendered slightly differently, causing tabs to go in to second line.

    Is there a way I can have it on a set width for each section that no matter how different the font is rendered, it stays in one row?

    Thanks in advance.

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Category Tab Layout Question

    No idea. A link to the site and a description of what browsers the issue is happening in would help us help you.

  3. #3
    Join Date
    Jan 2011
    Posts
    196
    Plugin Contributions
    0

    Default Re: Category Tab Layout Question

    PMed you.

  4. #4
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Category Tab Layout Question

    It's always a good idea to let us know up front when you're talking about issues in mobile browsers. Many of us don't own iPads or iPhones.

    I'm seeing the problem in IE8, and can fix it by removing the padding from #navCatTabsWrapper.

 

 

Similar Threads

  1. v150 Quick Category Layout Question
    By VBE-1 in forum General Questions
    Replies: 2
    Last Post: 16 Oct 2012, 07:34 PM
  2. Changing Tab Layout
    By sports guy in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 23 Aug 2010, 08:55 PM
  3. category tab contributions?
    By deemurphy in forum All Other Contributions/Addons
    Replies: 11
    Last Post: 7 Apr 2010, 02:33 PM
  4. Question: Tab Menu and sub-categories
    By roboto in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 14 Sep 2007, 10:40 AM
  5. Quick question on Sub Category Layout
    By nickita in forum Setting Up Categories, Products, Attributes
    Replies: 0
    Last Post: 19 Apr 2007, 11:26 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