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.
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>
