pagina mee laten gaan als je venster verkleint of vergroot!
Ik heb een probleem!
en dat probleem is:
als ik het venster kleiner maak gaat mijn menu niet mee
de code HELP:s
Code (php)
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
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
<?php
CSS:
menu{
width: 100%;
min-width: 155.0390625px;
position: relative;
height: 80px;
background-color: #e5ffff;
margin:0px;
padding:0px;
border:none;
font-weight: 700;
font-size: 18px;
line-height: 20px;
float: left;
}
ul{
display: inline-block;
width: 980px;
font-size: 14px;
line-height: 550%;
}
li.menuknop{
min-width: 155.0390625px;
width: 15.8203125%;
height: 80px;
text-decoration: none;
margin-right: 0.9765625%;
color: #45a7a7;
float: left;
text-align: center;
display: inline-block;
border: 1px solid #3c4a4a;
box-sizing: border-box;
}
li.menuknoplast{
min-width: 155.0390625px;
width: 15.8203125%;
height: 80px;
float: right;
text-decoration: none;
color: #45a7a7;
text-align: center;
border: 1px solid #3c4a4a;
box-sizing: border-box;
}
HTML:
<menu>
<ul>
<li class="menuknop">Home</li><!--
--><li class="menuknop">Werben sie hier</li><!--
--><li class="menuknop">Kontakt</li><!--
--><li class="menuknop">Impressum</li><!--
--><li class="menuknop">AGB's</li><!--
--><li class="menuknoplast">Huftungsausschluss</li>
</ul>
</menu>
?>
CSS:
menu{
width: 100%;
min-width: 155.0390625px;
position: relative;
height: 80px;
background-color: #e5ffff;
margin:0px;
padding:0px;
border:none;
font-weight: 700;
font-size: 18px;
line-height: 20px;
float: left;
}
ul{
display: inline-block;
width: 980px;
font-size: 14px;
line-height: 550%;
}
li.menuknop{
min-width: 155.0390625px;
width: 15.8203125%;
height: 80px;
text-decoration: none;
margin-right: 0.9765625%;
color: #45a7a7;
float: left;
text-align: center;
display: inline-block;
border: 1px solid #3c4a4a;
box-sizing: border-box;
}
li.menuknoplast{
min-width: 155.0390625px;
width: 15.8203125%;
height: 80px;
float: right;
text-decoration: none;
color: #45a7a7;
text-align: center;
border: 1px solid #3c4a4a;
box-sizing: border-box;
}
HTML:
<menu>
<ul>
<li class="menuknop">Home</li><!--
--><li class="menuknop">Werben sie hier</li><!--
--><li class="menuknop">Kontakt</li><!--
--><li class="menuknop">Impressum</li><!--
--><li class="menuknop">AGB's</li><!--
--><li class="menuknoplast">Huftungsausschluss</li>
</ul>
</menu>
?>
http://jsfiddle.net/VNf2a/1/
Dat is toch ook niet iets dat je zou moeten willen? Zet de breedte bij de ul op 100%, dan verandert hij met de pagina. Post hem voortaan ook ff in een fiddle, leest wat makkelijker. Gewijzigd op 13/02/2014 13:58:00 door Snelle Jaap
jawel dat moet juist gebeuren:p zo heb ik het als opdracht gekregen dus vraag me plz niet waarom ik dat moet doen!:?
Je geeft zelf 'min-width: 155.0390625px;' mee. Daarom wordt het menu niet kleiner dan de 155px. En rond het gewoon af naar 155 ipv 7 cijfers achter de komma.
Sorry het is allemaal al gefixt en die commas waren of het allemaal percies te doen!