Hey,
Ik ben klaar met de slice van m'n layout, nu bouw ik het systeem er in.
Maar nu stoot ik me tegen het volgende en ik weet niet hoe ik dit kan oplossen.
Menu css :
PHP
.menu_kant{
float: left;
width: 286px;
height: auto;
}
ul#menu{
height: auto;
width: 142px;
padding-left: 17px;
list-style: none;
margin-top: 1px;
margin-bottom: 1px;
}
ul#menu li{
height: 20px;
}
ul#menu li a{
overflow: hidden;
height: 40px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
font-family: arial;
color: #4d3e2e;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
ul#menu li a:hover, ul#menu li.active a, ul#menu li.active a:hover{
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
color: #584a3a;
}
.menu_kant h1{
font-family: arial;
font-size: 16px;
color: #41311f;
font-weight: bold;
background: url('afbeeldingen/img_09.png');
height: 29px;
padding-left: 50px;
padding-top: 6px;
clear: both;
}
.menu_kant hr{
width: 268px;
height: 8px;
background: url('afbeeldingen/img_15.png') no-repeat;
float: right;
overflow: hidden;
border: 0;
}
.menu{
width: 284px;
/*background: url('afbeeldingen/img_13.png');*/
overflow: hidden;
}
.links{
float: left; margin-left: 40px; overflow: hidden; width: 142px;
}
.rechts{
float: right; margin-top: -102px; overflow: hidden; width: 142px;
}HTML
PHP
<h1>Persoonlijk</h1>
<div class="menu">
<div class="links">
<ul id="menu">
<li><a href="index.php?a=news">- Index</a></li>
<li><a href="index.php?a=mijnlogs">- Logs</a></li>
<li><a href="index.php?a=profile&x=<?=$data->id?>">- Mijn profiel</a></li>
<li><a href="index.php?a=mod_prof_sl">- Secret link</a></li>
<li><a href="index.php?a=zelfmoord">- Stoppen?</a></li>
<li><a href="index.php?a=edit">- Profiel beheren</a></li>
<li><a href="index.php?a=message">- Inbox (<?=$inboxnew?>)</a></li>
</ul>
</div>
<div class="rechts">
<ul id="menu">
<li><a href="index.php?a=blacklist">- Blacklist</a></li>
<li><a href="index.php?a=notes">- Kladblok</a></li>
<li><a href="index.php?a=vacation">- Vakantie</a></li>
<li><a href="index.php?a=friends">- Vrienden</a></li>
<li><a href="index.php?a=respect">- Respect</a></li>
<li><a href="index.php?a=click&x=<?=$data->id?>">- Aanmeld link</a></li>
<li><a href="login.php?x=logout">- Uitloggen</a></li>
</ul>
</div>
</div>
<hr />Mijn vraag
Hoe krijg ik dus die 2 menutjes naast elkaar goed recht ?
AANPASSING
AANPASSING
PHP
.links{ float: left; margin-left: 40px; width: 142px;}.rechts{ float: right; margin-top: 40px; overflow: hidden; width: 142px;}Mvg,
Frenzo
