Results 1 to 8 of 8
  1. #1
    Join Date
    Sep 2006
    Posts
    36
    Plugin Contributions
    0

    Default Header Navigation - vertically listed???

    I have searched and cant find answer. I had to start site from scratch cause I muffed it and this time for some reason the nav header bar (Home & Log In) is listing vertically As far as I know I did nothing differently this time around so can't figure it out. Any assistance greatly appreciated. Need it to be horizontal again.

    http://www.familybasedimmigration.com/

  2. #2
    Join Date
    Aug 2006
    Location
    Canada
    Posts
    1,029
    Plugin Contributions
    5

    Default Re: Header Navigation - vertically listed???

    This appears to be a simple case of a wrongful omission from the stylesheet...

    Add;
    Code:
    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    	display: inline;
    	}
    Yup, this will fix your other post about the footer issues as well.

    A good rule of thumb is to make backups every step of the way, then no sudden surprises.

  3. #3
    Join Date
    Sep 2006
    Posts
    36
    Plugin Contributions
    0

    Default Re: Header Navigation - vertically listed???

    Thank you for your reply Sketchy. It didn't work though

    Any other suggestions?

  4. #4
    Join Date
    Aug 2006
    Location
    Canada
    Posts
    1,029
    Plugin Contributions
    5

    Default Re: Header Navigation - vertically listed???

    You're welcome.

    That's odd, it worked virtually right before my eyes in Firefox with the developer bar and that combo Selector was not present beforehand, nor at the present time. You said it doesn't work though, so it must be something else then. I guess I'm wrong in this case... not a big shock though. Sorry about that.

  5. #5
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,888
    Plugin Contributions
    0

    Default Re: Header Navigation - vertically listed???

    you have:
    Code:
    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    	text-decoration: none;
    	padding: 0em 0.5em;
    	margin: 0;
    	color: #00008B;
    	white-space: nowrap;
    	display: inline;
    	}
    you need a line like pointed above that doesn't have the "a":
    Add this below the above code in your Stylesheet
    Code:
    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    	display: inline;
    	}
    Details, Details, Details
    Last edited by barco57; 26 Sep 2006 at 07:37 AM.
    Mike
    AEIIA - Zen Cart Certified & PCI Compliant Hosting
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

  6. #6
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Header Navigation - vertically listed???

    Buttin in here:

    Do what has been suggested as this is the correct edit that needs to be made.

    and insure that you edit the file in this location includes/templates/fbi_template/css/stylesheet.css

  7. #7
    Join Date
    Sep 2006
    Posts
    36
    Plugin Contributions
    0

    Default Re: Header Navigation - vertically listed???

    weeeeeeeeee

    Thank you Thank you everyone .....and Sketchy you weren't wrong, I just didnt note that I was missing a line and only had the line for #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a Been looking at this for so long now and learning, that I got brain overload and missed things that were staring me straight in the face.

  8. #8
    Join Date
    Aug 2006
    Location
    Canada
    Posts
    1,029
    Plugin Contributions
    5

    Default Re: Header Navigation - vertically listed???

    No problemo.

    Sometimes, those things just happen... all looks the same after awhile.

 

 

Similar Threads

  1. Products listed in Navigation
    By Nineve in forum General Questions
    Replies: 2
    Last Post: 12 Aug 2010, 05:59 PM
  2. Problem vertically aligning header text
    By sonic in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 22 Jan 2009, 08:29 PM
  3. Product Description Text Listed Vertically
    By xman888 in forum General Questions
    Replies: 2
    Last Post: 25 Jan 2008, 05:26 AM
  4. Center Logo in Header Vertically & Wrap Text Around Image
    By chava in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 6 Oct 2007, 04:18 AM

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