Northern Web Coders – Navcontainer Problem

  • I got a problem with my navcontainer on my site using the norther web coders template.

    the page button do hover but when i select a specific page the button for that page doesn’t appear in a different color.

    here u can see the problem: https://www.blinked.de

    here is my relating css code:

    #navcontainer ul
    {
    padding: 0;
    margin: 0;
    background: #5F707A;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    float: left;
    width: 729px;
    font: 15px arial, helvetica, sans-serif;
    }

    #navcontainer ul li { display: inline; }

    #navcontainer ul li.page_item a
    {
    padding: 8px 14px 9px 14px;
    background: #000000;
    color: #CCCCCC;
    text-decoration: none;
    font-weight: bold;
    float: left;
    border-right: 1px solid #FFFFFF;
    }

    #navcontainer ul li.page_item a:hover
    {
    color: #FFFFFF;
    background: #C9C0B0;
    }

    #navcontainer ul li.current_page_item a
    {
    padding: 8px 14px 9px 14px;
    background: #C9C0B0;
    color: #CCCCCC;
    text-decoration: none;
    float: left;
    border-right: 1px solid #DFDFDF;
    }

    #navcontainer ul li.current_page_item a:hover
    {
    background: #6F6F6F;
    }

    Any help please? ??

Viewing 14 replies - 1 through 14 (of 14 total)

  • ohhh – there’s some sort of “highlight” syntax that needs to be in your header.php file with the links… i can’t remember what it is offhand, but maybe try doing a search for that?

    Thread Starter selm

    (@selm)

    but the hovering works and i thought it should be a css problem?

    I see a color change from black to tan in both FF 1.5 and IE.

    Thread Starter selm

    (@selm)

    here is the navcontainer part in my header.php

    <div id=”navcontainer”>

      <li class=”page_item”>blog
      <li class=”page_item”>about
      <li class=”page_item”>podcast
      <li class=”page_item”>kontakt

    </div>

    Thread Starter selm

    (@selm)

    @smaboll:

    but the chosen tab is not showing a different color than then unchosen ones.

    there is a hovering but not a viewable “this page is selected”- color.

    Am I misunderstanding?
    They are black. I put my cursor over “about” and the box changes to tan to show it is selected. Same with all boxes.

    Thread Starter selm

    (@selm)

    but when u click them they turn back to black.

    i want them to stay highglighted so that u can see which page u selected.

    you guys are missing it – he wants it so that when you’re on the “about” page, the “about” is highlighted… when you’re on the “podcasts” page (i think that’s what it’s called) he wants “podcasts” highlighted.

    … hence my suggestion about the “highlight” syntax, as used in many themes that do this, INSIDE THE HEADER.PHP file where the call for the links is located.

    Thread Starter selm

    (@selm)

    thanks ladydelaluna.

    i did the search on this and found an article about the topic. i just do not understand how to use the tips they are giving there on my site.

    maybe i should mention that i am a total beginner in stuff like this.. ??

    <ul><?php if (is_home() or is_single()) { ?><li class="current_page_item"><a href="<?php echo get_settings('home'); ?>">Home</a></li><?php } else { ?><li><a href="<?php echo get_settings('home'); ?>">Home</a><li><?php } ?><?php wp_list_pages('title_li=&sort_column=menu_order&depth=1'); ?></ul>

    try that in your header…

    Thread Starter selm

    (@selm)

    and where in the header?

    do i need to edit it that it works with my site?

    edit: it seems that these lines doesn’t work with my menu. they just add another weird looking menu above my navcontainer…hmhm..

    take out

    <li class="page_item">blog
    <li class="page_item">about
    <li class="page_item">podcast
    <li class="page_item">kontakt

    (or whatever that was (we lost some of the end of each line here) but leave the <div id="navcontainer"> and </div> just put what i gave you between the two div tags…

    Thread Starter selm

    (@selm)

    the result a graphically really weird “buttons” with no title and no hovering…

    i think i’ll never get it ??

    well i’m not sure what else to tell you at this point… that’s how it works on a few other themes i’ve looked in… might just be a matter of making sure your CSS lines up with it…

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Northern Web Coders – Navcontainer Problem’ is closed to new replies.