Menu "Current" not showing

Luisehahne · July 11, 2009, 07:53:46 AM

Tkx to Stefek,

He didn' read it

Dietmar

HeyZeus · July 11, 2009, 01:34:38 AM

Bloody Legend, thankyou heaps, works . Will have to remember that one.

Stefek · July 11, 2009, 01:01:24 AM

Rename into: #menu li a.menu_current
abd say if it works.

Regards,
Stefek

HeyZeus · July 11, 2009, 12:10:02 AM

is that this line

Code Select

#menu li a.current { 

    color: #FFF; 

    background: #FFF url(images/current-bg.gif) top left repeat-x; 
        height: 43px;        

    padding: 5px 15px 0; 


    }

as I had changed it from current to active as a test to see if that worked but nope, but changed back to current i still get nothing.

Luisehahne · July 10, 2009, 11:44:42 PM

In your menu.css you don't define the menu_current selector.

Dietmar

HeyZeus · July 10, 2009, 11:02:49 PM

ok the site is www.buffaloscricket.com currently just has the html version but is how i want it with the red gif on the current selected menu, and the WebsiteBaker test of the site is here http://www.ez-pc.co.nz/test2/ .

Luisehahne · July 10, 2009, 01:46:48 PM

Give me a Url to your side and i can help you.

Dietmar

WebBird · July 10, 2009, 01:46:48 PM

You can use the CSS class .menu_current to design the layout of the current menu item. (Highlighting etc.)

HeyZeus · July 10, 2009, 12:10:12 PM

I have changed a few things but nothing against the menu, just playing.

Code Select

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />

<title>Buffalos Cricket Associationhome</title>

<link rel="stylesheet" type="text/css" href="http://10.1.1.5/test2/templates/test2/style2.css" media="screen" /> 
<link rel="stylesheet" type="text/css" href="http://10.1.1.5/test2/templates/test2/menu_style.css" media="screen" /> 

        


</head>


<body>
           <div id="undcont">
        <h3>Website Under Construction</h3> 
        <h3>Please check back soon...</h3>
        <br />
</div>
        

<div id="main">


<h4>"The Buffalos Cricket Association is a place of fertile pastures where we can all roam as we grow older."</h4>
<div id="header">
        <h1></h1>        

    <div id="logo"></div>    

</div>
          <div id="menu">
                  
        
<ul>
<li><span class="menu_current"><a href="http://10.1.1.5/test2" target="_top"  class="menu_current"> home </a></span>
</li>
<li><span class="menu_default"><a href="http://10.1.1.5/test2/pages/stats.php" target="_top"  class="menu_default"> stats </a></span>

</li>
</ul>         

    </div>

    <div id="content">
        <a id="wb_section_3" name="wb_section_3"></a><h2>RETURNING SOON!<br />
FOR THE SUMMER!<br />
WHEN ITS WARMER!<br />
LIKE IN TAHITI!<br />
YOU KNOW!!</h2>

<h4 style="text-align: center;">&ldquo;I tend to think that cricket is the greatest thing that God ever created on earth - certainly greater than sex, although sex isn't too bad either&rdquo;<br />
<br />
Harold Pinter</h4>
<p>&nbsp;</p>
<p>&nbsp;</p>    </div>







<div id="footer">
        &copy; Buffalos Cricket Association</div>

</body>

</html>

WebBird · July 10, 2009, 10:36:50 AM

Can you post the generated HTML, please?

HeyZeus · July 10, 2009, 10:13:22 AM

right , I have fully designed my site with CSS within dreameaver and it works perfect as a HTML file. Next i ported it thru to a PHP file for WebsiteBaker and the only thing that is not working is the GIF for the current status of the menu , it just will not show. What am i missing here is the PHP and CSS for the menu.

Code Select

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'utf-8'; }?>" />
<meta name="description" content="<?php page_description(); ?>" />
<meta name="keywords" content="<?php page_keywords(); ?>" />

<title><?php page_title('', '[WEBSITE_TITLE][SPACER][PAGE_TITLE]'); ?></title>

<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/style2.css" media="screen" /> 
<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/menu_style.css" media="screen" /> 





</head>



<body>

<div id="main">
<h4> "The Buffalos Cricket Association is a place of fertile pastures where we can all roam as we grow older."</h4>    



    <div id="header">
        <h1><?php echo WEBSITE_HEADER; ?></h1>        

    <div id="logo"></div>    

    </div>
          <div id="menu">
                  
        <?php show_menu(1); ?>
         

    </div>

    <div id="content">
        <?php page_content(1); ?>
    </div>







<div id="footer">
        <?php page_footer(); ?>
    </div>

</body>

</html>

and the CSS for the menu

Code Select

#menu{ 

    width: 800px;

    height: 43px;

    background: #FFF url(images/menu-bg.gif) top left repeat-x; 

    font-size: 0.8em; 

    font-family: "Lucida Grande", Verdana, sans-serif; 

    font-weight: bold; 

    list-style-type: none; 

    margin: 0; 

    padding: inherit; 

    }

#menu li {

    display: block; 

    float: left; 

    margin: 0 0 0 5px; 

    }

#menu li a { 

    height: 43px; 

    color: #777; 

    text-decoration: none; 

    display: block; 

    float: left; 

    line-height: 200%; 

    padding: 8px 15px 0; 

    }

#menu li a:hover { 

    color: #fff; 

    }

#menu li a.active { 

    color: #FFF; 

    background: #FFF url(images/current-bg.gif) top left repeat-x; 
        height: 43px;

    padding: 5px 15px 0; 


    }

At the moment all that shows is just the menu bar with no CURRENT GIF. Do i need to add more code to the PHP file?

News:

Menu "Current" not showing

WebBird

WebBird