Sidenav komt niet goed

Status
Niet open voor verdere reacties.

patje8

Gebruiker
Lid geworden
31 jul 2005
Berichten
436
Heb een probleem met mijn sidenav.
de tekst en de afbeelding komen niet zoals het zo moeten.

De tekst van de button + de button moeten in het midden komen.

Code:
#onderfooter {
	background-image: url(img/onderbanner.jpg);
	background-repeat: repeat-x;
	height: 36px;
    width: 100%;
    clear: both;
    position: fixed;
    float: left;
    left: 0;
    bottom: 0;
    overflow: hidden
}
body {
	background-color: #FFF;
	background-image: url(img/background.jpg);
	background-repeat: repeat-x;
	margin: 10px;
}
#header {
	height: 214px;
	width: 897px;
	margin-right: auto;
	margin-left: auto;
	background-color: #1A1511;
	background-image: url(img/banner2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#container {
	margin-right: auto;
	margin-left: auto;
	width: 897px;
}
#navigation {	
	background: #D9E1E5 url(img/menuknop.jpg);
	height: 41px;
}
#navigation a {
	background: #D9E1E5 url(img/menuknop.jpg);
	color: #DBD0AF;
	float: left;
	line-height: 41px;
	text-decoration: none;
	width: 100px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
}
#navigation a:hover {
	background: #D9E1E5 url(img/menuknop_hover.jpg);
	background-position: left bottom; 
	color: #BA9B5A;
}
#main {
	border-top: 4px solid #FFF;
	background-color: #F9F9F9;
}
#content {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 250px;
}
#sidenav {
	float: left;
	width: 100px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(img/categorieknop.jpg);
}
#sidenav a {
	color: #D0D0D0;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	text-align: center;
	width: 100px;
	float: left;
	height: 43px;
}
#clearer {
	clear: both;
	width: 897px;
}
#onmain {
	background-color: #1F1A17;
	height: 15px;
}

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>

<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(); ?>"/> 
	<meta name="author" content="author"/> 
	<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/default.css" media="screen"/>
	<title><?php echo WEBSITE_TITLE; ?> - <?php echo PAGE_TITLE; ?></title>
</head>

<body>
<div id="header"></div>
<div id="container">
  <div id="navigation"> <small>
    <?php show_menu2(0, SM2_ROOT, SM2_START, SM2_ALL, '[a][menu_title]</a>', '', '', '', '[a][menu_title]</a>'); ?>
    </small>
    <div id="clearer"><span></span></div>
  </div>
  <div id="main">
    	<div id="onmain"></div>
    <div id="sidenav">
    	<table width="100%" border="1">
        	<tr>
            	<td align="center" valign="middle"><img src="<?php echo TEMPLATE_DIR;?>/img/categorie.jpg" align="middle" /><td>
            </tr>
            <tr>
        		<td align="center" valign="middle"><?php show_menu2(0, 10, SM2_ALL, SM2_ALL, '[a][menu_title]</a>');	?></td>
            </tr>
        </table>
     </div>
    <div id="content">
      <?php page_content(); ?>
    </div>
    <div id="clearer"><span></span></div>
  </div>
</div>
<div id="onderfooter"></div>
</body>

</html>
 
Heb je een link waar we het online kunnen testen?
Werkt voor ons veel makkelijker en sneller.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan