WebsiteBaker Support (2.8.x) > Templates, Menus & Design
Menu "Current" not showing
HeyZeus:
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: ---<!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>
--- End code ---
and the CSS for the menu
--- Code: ---#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;
}
--- End code ---
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:
Can you post the generated HTML, please?
HeyZeus:
I have changed a few things but nothing against the menu, just playing.
--- Code: ---<!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;">“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”<br />
<br />
Harold Pinter</h4>
<p> </p>
<p> </p> </div>
<div id="footer">
© Buffalos Cricket Association</div>
</body>
</html>
--- End code ---
WebBird:
You can use the CSS class .menu_current to design the layout of the current menu item. (Highlighting etc.)
Luisehahne:
Give me a Url to your side and i can help you.
Dietmar
Navigation
[0] Message Index
[#] Next page
Go to full version