[b]kalender.php[/b] 

<html>
  <head>
  	<title>Kalender @ DenMette</title>
	<link rel="stylesheet" type="text/css" href="kalender.css">
  </head>
  <body>
<div class="totcal">
<?
if(isset($_POST['hmaand']))
{
    $maand = $_POST['hmaand']; // Maand dat wordt ingegeven
    $jaar = $_POST['hjaar']; // Jaar dat wordt ingegeven
}
else
{
    $maand = date('m'); // Maand NU
    $jaar  = date('Y'); // Jaar NU
}

	if(isset($_POST['volgende']))
	{
		$maand++; // Volgende Maand
		if($maand == 13) // Als maand 13 is dan +1 jaar
		{
			$maand = 1;
			$jaar++; 
		}
	}

if(isset($_POST['vorige']))
{
    $maand--; // Vorige Maand
    if($maand == 0) // Als maand 0 is dan -1 jaar
	{
        $maand = 12;
        $jaar--;
    }
}

	if(isset($_POST['naarvandaag'])) // Naar de Juiste maand gaan
	{
		$maand = date('m');
		$jaar  = date('Y');
	}

$maanden = array (1 => "Januari", "Februari", "Maart", "April", "Mei", "Juni", "Juli", "Augustus", "September", "Oktober", "November", "December"); // Maanden
$datum   = mktime(0, 0, 0, $maand, 1, $jaar); // functie time() bereken
$datum   = $maanden[date('n', $datum)].' '.date('Y', $datum); // Nederlandse Maand Jaar
$srv     = $_SERVER['PHP_SELF']; // Link naar waar hij moet gaan in ons geval deze pagina
?>
  <div class="topnav">
<form action="<? echo $srv; ?>" method="post">
<table width="100%">
  <tr>
	<td><input type="submit" name="vorige" value="<<" /></td>
	<td width="5"></td>
	<td width="60%"><? echo $datum; ?></td>
	<td width="5"><input type="submit" name="naarvandaag" value="Nu" /></td>
	<td><input type="submit" name="volgende" value=">>" /></td>
  </tr>
</table>
<input type="hidden" name="hmaand" value="<? echo $maand; ?>"/>
<input type="hidden" name="hjaar" value="<? echo $jaar; ?>"/>
</form>
  </div>
  <div class="kalender">
<?
function eersteDagInMaand($maand, $jaar) { // Functie Eerste Dag In De Maand
    $eerste = mktime(0, 0, 0, $maand, 0, $jaar);
    $edag = date('w', $eerste);
    return $edag;
}

function dagenInMaand($maand, $jaar) { // Functie totaal aantal dagen in de maand
    $laatste = mktime(0, 0, 0, $maand, 1, $jaar);
    $ldag = date('t', $laatste);
    return $ldag;
}

function restDagen($edag, $ldag) { // De rest van de dagen de lege vakjes berkenen
	$rest = ( $edag + $ldag ) % 7;
	if($rest != 0)
	{
		$rest = 7 - $rest;
	}
	return $rest;
}

function printMaand($maand, $jaar) // Maand laten zien
{
	$edag = eersteDagInMaand($maand, $jaar);
	$ldag = dagenInMaand($maand, $jaar);
	$rest = restDagen($edag, $ldag);
	$vandaag = mktime(0,0,0,date('n',time()),date('d', time()), date('Y', time()));
	$weekdag = array('Ma', 'Di', 'Wo', 'Do', 'Vr', 'Za', 'Zo');
	
	echo "\n".'<table><tr>';
	foreach($weekdag as $dag)
	{
		echo '<td class="wday">'.$dag.'</td>';
	}
	echo '</tr><tr>'."\n";
	for($i = 0; $i < ( $edag + $ldag + $rest ); $i++)
	{
		if($i < $edag || $i >= ( $edag + $ldag ))
		{
			echo '<td>&nbsp;</td>'."\n";
		}
		else
		{
			if(date('d', $vandaag) == ($i - ($edag - 1)) && date('m') == $maand && date('Y') == $jaar)
			{
				echo '<td bgcolor="#CCCCCC">'. ($i -($edag - 1)) .'</td>'."\n";
			}
			else
			{
				echo '<td>'. ($i -($edag - 1)) .'</td>'."\n";
			}
			if(($i + 1) % 7 == 0)
			{
				echo '</tr><tr>'."\n";
			}
		}
	}
	echo '</tr></table>';
}
printMaand( $maand, $jaar );
?>
  </div>
</div>
  </body>
</html>

[b]kalender.css[/b] 

body {background-color: white; text-align: center; font-family: "Verdana";}
input { font-family: "Verdana"; font-style: bold; font-size: 15px}
div.kalender table {
	text-align: center; margin-left: auto; margin-right: auto;
	border-style: solid; border-width: 1px; padding: 10px;}

div.kalender {
    width: 300px;  text-align: center;
}
div.totcal {
    width: 500px;  border-style: solid; border-width: 1px; padding: 10px; text-align: center;
}
div.topnav table {
	text-align: center; margin-left: auto; margin-right: auto;
	padding: 10px;}

div.topnav {
    width: 400px;  
	padding: 10px; font-size: 25px;
	text-align: center;
	margin-left: auto; margin-right: auto;
}


.wday { 
	font-size: 20px; 
	font-style: bold; 
	background-color: #ececf1;
	padding-left: 20px;  
	padding-right: 20px;  
} 