Author Topic: Menu "Current" not showing (Read 5317 times)

HeyZeus · « **on:** 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(&#39;DEFAULT_CHARSET&#39;)) { echo DEFAULT_CHARSET; } else { echo &#39;utf-8&#39;; }?>" />
<meta name="description" content="<?php page_description(); ?>" />
<meta name="keywords" content="<?php page_keywords(); ?>" />

<title><?php page_title(&#39;&#39;, &#39;[WEBSITE_TITLE][SPACER][PAGE_TITLE]&#39;); ?></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?

WebBird · « **Reply #1 on:** July 10, 2009, 10:36:50 AM »

Can you post the generated HTML, please?

HeyZeus · « **Reply #2 on:** 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 · « **Reply #3 on:** 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.)

Luisehahne · « **Reply #4 on:** July 10, 2009, 01:46:48 PM »

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

Dietmar

HeyZeus · « **Reply #5 on:** 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 · « **Reply #6 on:** July 10, 2009, 11:44:42 PM »

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

Dietmar

HeyZeus · « **Reply #7 on:** 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.

Stefek · « **Reply #8 on:** July 11, 2009, 01:01:24 AM »

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

Regards,
Stefek

HeyZeus · « **Reply #9 on:** July 11, 2009, 01:34:38 AM »

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

Luisehahne · « **Reply #10 on:** July 11, 2009, 07:53:46 AM »

Tkx to Stefek,

He didn' read it

Dietmar

News

Support WebsiteBaker

Author Topic: Menu "Current" not showing (Read 5317 times)

HeyZeus

Menu "Current" not showing

WebBird

Re: Menu "Current" not showing

HeyZeus

Re: Menu "Current" not showing

WebBird

Re: Menu "Current" not showing

Luisehahne

Re: Menu "Current" not showing

HeyZeus

Re: Menu "Current" not showing

Luisehahne

Re: Menu "Current" not showing

HeyZeus

Re: Menu "Current" not showing

Stefek

Re: Menu "Current" not showing

HeyZeus

Re: Menu "Current" not showing

Luisehahne

Re: Menu "Current" not showing