Results 1 to 4 of 4
  1. #1
    Join Date
    Nov 2007
    Location
    Dallas, Texas USA
    Posts
    183
    Plugin Contributions
    0

    Default Top, bottom nav postioning issues

    I'm going blind trying to figure this out. Used Firebug and tried all I can think of.

    The navigation links in the navMain (under the header) and navSupp (footer) divs should be centered top to bottom. I had it once, made other changes and now I can't get back to it. Hoping somebody smarter than I can help:

    Url: http://artbeautiful.com

    CSS: http://artbeautiful.com/includes/tem...stylesheet.css

  2. #2

    Default Re: Top, bottom nav postioning issues

    try these in your css sheet

    find the #navMainWrapper if it already exists and add it to that block of code to center the text under the header.

    #navMainWrapper {
    text-align: center;
    }

    and find the #navSuppWrapper if it already exists in your css and add it to that block of code to center the text at the footer

    #navSuppWrapper {
    text-align: center;
    }

  3. #3
    Join Date
    Nov 2007
    Location
    Dallas, Texas USA
    Posts
    183
    Plugin Contributions
    0

    Default Re: Top, bottom nav postioning issues

    Thanks, but it didn't effect it. Here's the applicable css, if it sheads any light on the problem:

    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    width: 782px;
    background-color: #525252;
    font-weight: bold;
    font-size: 1.2em;
    color: #ffffff;
    height: 25px;
    }

    #navMainWrapper {
    margin-top: -2px;
    border-left: 9px solid #755D62;
    border-right: 9px solid #755D62;
    text-align: center;
    }

    #navSuppWrapper {
    background-image:url(../images/footer_bg.gif);
    background-repeat:no-repeat;
    height:30px;
    width: 100%;
    text-align: center;
    }

    div#navSupp ul li { font-size: 1.1em; }

    #navCatTabsWrapper {
    background-color: #525252;
    }

    #navMain, #navSupp, #navCatTabs {
    float: right;
    /*padding: 0.3em 1em;*/
    list-style-type: none;
    text-align: center;
    /*line-height: 1.5em;*/

    }
    #navMain ul.back { padding-right: 1em; }

    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    display: inline;
    }

    #navMain li a, /*#navSupp ul li a,*/ #navCatTabs ul li a {
    text-decoration: none;
    padding-left: 3em;
    margin: 0;
    white-space: nowrap;
    }

    #navCatTabs ul li a { color: #666; }

    ##navMain li a { color: #FEFEE4; }

  4. #4
    Join Date
    Nov 2007
    Location
    Dallas, Texas USA
    Posts
    183
    Plugin Contributions
    0

    Default Re: Top, bottom nav postioning issues

    I think it's fixed ---- at least in FF. I added a neg top margin on the navMain and navSupp. Any idea what was pushing those down?
    Thanks.
    Jack

 

 

Similar Threads

  1. Top and bottom nav links
    By mrsam999 in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 24 Aug 2010, 12:47 AM
  2. Change contents of Nav Bar at bottom of page
    By wlmartin in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 24 Sep 2008, 07:52 PM
  3. Top Nav Bar
    By judah in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 19 Nov 2007, 07:47 PM
  4. Nav Links on Bottom Question
    By rickstorm in forum Basic Configuration
    Replies: 7
    Last Post: 7 Oct 2006, 06:26 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