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 :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
|
.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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<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
1
2
3
4
5
6
7
|
.links{
float: left; margin-left: 40px; width: 142px;
}
.rechts{
float: right; margin-top: 40px; overflow: hidden; width: 142px;
}
|
|
|
Mvg,
Frenzo
Laatst gewijzigd door Frenzo305 op 2011-03-02 14:15:19
02-03-2011 13:37
Dit topic is 524 keer bekeken door 70 verschillende leden
Reacties op: "Menu niet gelijk"
Reageer op: "Menu niet gelijk"
