Det er kun en testmenu, så jeg har endnu ikke fundet et billed jeg vil bruge
Min index.php ser således ud
----------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="
http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<title>TITLE</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="templates/css/css.css" />
</head>
<body>
<div id="container">
<!--[if !IE]>start page<![endif]-->
<div id="wrapper">
<div id="page">
<div id="page_top">
<div id="page_bottom">
<div id="real_page"><!--[if !IE]>start content<![endif]-->
<div id="contents_wrapper">
<div id="contents" >
<!--[if !IE]>start home<![endif]-->
<div class="content" id="home">
<table width="100%" border="0" cellspacing="0" cellpadding="0" valign="top">
<tr>
<td width="494" height="1" valign="top"><img src="images/galerie/1px.gif" alt="" width="494" height="1" /></td>
<td rowspan="2" align="right" valign="top"><table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td valign="top">
<p align="right"><img src="images/logo.jpg" alt="" width="290" height="128" /></p></td>
</tr>
<tr>
<td align="left" valign="top">
<div id='menu'>
<ul>
<li>
<?
include("menu.php");
?>
</li>
</ul>
</div>
<div align="right"></div></td>
</tr>
</table>
<p> </p>
<p><br />
</p>
<table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td align="center" valign="bottom">__________________________________________<br />
Familien | Huset | Haven</td>
</tr>
</table> </td>
</tr>
<tr>
<td valign="top"><table width="100%" height="492" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="140" colspan="2" valign="top"><p align="left" class="style4"><img src="images/billed.jpg" alt="" width="492" height="140" /></p> </td>
</tr>
<tr>
<td colspan="2" valign="top">
Denne tekst skulle gerne ligge i top, under BILLED</td>
</tr>
</table></td>
</tr>
</table>
</div>
<!--[if !IE]>end home<![endif]-->
</div>
</div>
<!--[if !IE]>end content<![endif]-->
</div>
</div>
</div>
</div>
</div>
<!--[if !IE]>end page<![endif]-->
<!--[if !IE]>start footer<![endif]-->
<div id="footer">
<div align="right">Test 2008</div>
</div>
<!--[if !IE]>end footer<![endif]-->
</div>
</body>
</html>
-----------SLUT index.php SLUT----------------
Og min menu.php ser sådanne ud
----------------------------------------------
<?php
//including the class file
include('xPandMenu.php');
//creating a new menu object
$myMenu = new xPandMenu();
//setting the 2 images used as expand/collapse buttons
$myMenu->setXCbox(array("c"=>"
http://project.zoe.co.nz/patrick/xpand/images/box_closed.gif","o"=>"
http://project.zoe.co.nz/patrick/xpand/images/box_open.gif"),array("l"=>0,"r"=>28));
//adding the menu elements
$myMenu->addParent("CSS");
$myMenu->addChild("Zen Garden","
http://www.csszengarden.com/");
$myMenu->addChild("W3C validator","
http://jigsaw.w3.org/css-validator/validator-uri.html");
$myMenu->addParent("PHP");
$myMenu->addChild("PHP.NET","
http://php.net");
$myMenu->addParent("MySQL");
$myMenu->addChild("The manual","
http://dev.mysql.com/doc/mysql/en/index.html");
$myMenu->addChild("Full-text search functions","
http://dev.mysql.com/doc/mysql/en/Fulltext_Search.html");
$myMenu->addParent("Web Design");
$myMenu->addChild("A List Appart","
http://www.alistapart.com/");
$myMenu->addChild("The color scheme generator","
http://wellstyled.com/tools/colorscheme2/index-en.html");
//Generating the code
$code = $myMenu->generateMenu();
//$code is an associative array : ["js"=>{contains the javscript code},"html"=>{contains the html code}]
//Using the code in the webpage
echo "
<html>
<head>
<title>xPandMenu demo</title>
<script language=\"javascript\">
".$code['js']."
</script>
<style>
#parentX {
cursor:pointer;
font-family:verdana;
font-size:12px;
color:black;
font-weight:bold;
background-image:url(
http://project.zoe.co.nz/patrick/xpand/images/folder.gif);
background-repeat:no-repeat;
background-position:15px;
margin-bottom:3px;
margin-top:3px;
}
#parentX:hover {
text-decoration:underline;
}
#childX {
font-family:verdana;
font-size:11px;
color:#333;
padding-left:40px;
border-left:1px dotted #696969;
margin-left:4px;
background-image:url(
http://project.zoe.co.nz/patrick/xpand/images/document.gif);
background-repeat:no-repeat;
background-position:20px;
padding-bottom:5px;
padding-top:5px;
}
#childX a {
color:#333;
text-decoration:none;
}
#childX a:hover {
color:#696969;
text-decoration:underline;
}
</style>
</head>
<body>
<div style=\"width:200px;\">
".$code['html']."
</div>
</body>
</html>
";
?>
------------SLUT menu.php SLUT----------------
