css menu werkt niet goed
hi, ik hbe dit stuktje html:
en dit css stukje:
maar nu:
plaats ik het los in een html bestand dan werkt het, plaats ik hem op me website, werkt het maar gedeeltelijk, de kleuren kloppen niet, de borders zijn anders en text opmaak werkt ook niet...
weet iemand wat dit kan zijn??
bedankt!
beunie
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<tr>
<td width="162" height="190" class="linkermenu">
<div class="buttonscontainer">
<div class="buttons">
<a href="#">home</a>
</div>
<div class="buttons">
<a href="#">about</a>
</div>
<div class="buttons">
<a href="#">projecten</a>
</div>
<div class="buttons">
<a href="#">nieuws</a>
</div>
<div class="buttons">
<a href="#">diensten</a>
</div>
<div class="buttons">
<a href="#">contact</a>
</div>
</div>
</td>
<td width="162" height="190" class="linkermenu">
<div class="buttonscontainer">
<div class="buttons">
<a href="#">home</a>
</div>
<div class="buttons">
<a href="#">about</a>
</div>
<div class="buttons">
<a href="#">projecten</a>
</div>
<div class="buttons">
<a href="#">nieuws</a>
</div>
<div class="buttons">
<a href="#">diensten</a>
</div>
<div class="buttons">
<a href="#">contact</a>
</div>
</div>
</td>
en dit css stukje:
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
div.buttonscontainer {
width: 160px;
}
div.buttons a {
color: 000000;
background-color: e3e3e5;
padding: 2px;
padding-left: 4px;
display: block;
border-bottom: 1px solid ;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-align: left;
}
div.buttons a:hover {
background-color: e9e9ec;
color: bd0606;
text-decoration: none;
}
width: 160px;
}
div.buttons a {
color: 000000;
background-color: e3e3e5;
padding: 2px;
padding-left: 4px;
display: block;
border-bottom: 1px solid ;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-align: left;
}
div.buttons a:hover {
background-color: e9e9ec;
color: bd0606;
text-decoration: none;
}
maar nu:
plaats ik het los in een html bestand dan werkt het, plaats ik hem op me website, werkt het maar gedeeltelijk, de kleuren kloppen niet, de borders zijn anders en text opmaak werkt ook niet...
weet iemand wat dit kan zijn??
bedankt!
beunie
Heb je ook een URL adres waar het op staat? Is er een conflict met een ander CSS bestand?
nee, dat klopt want hij zet de opmaak gedeeltelijk neer, ik had expres een keer de verwijzing naar het css bestand weggehaald en toen was de opmaak volledig verdwenen. de link is er dus wel
Met deze code (zie hieronder) werkt je code gewoon bij mij, heb je een doctype bovenaan je document staan?
(getest op eigen server, in firefox en in ie7)
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
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
<html>
<head>
<style type = 'text/css'>
div.buttonscontainer {
width: 160px;
}
div.buttons a {
color: 000000;
background-color: e3e3e5;
padding: 2px;
padding-left: 4px;
display: block;
border-bottom: 1px solid ;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-align: left;
}
div.buttons a:hover {
background-color: e9e9ec;
color: bd0606;
text-decoration: none;
}
</style>
</head>
<body>
<table>
<tr>
<td width="162" height="190" class="linkermenu">
<div class="buttonscontainer">
<div class="buttons">
<a href="#">home</a>
</div>
<div class="buttons">
<a href="#">about</a>
</div>
<div class="buttons">
<a href="#">projecten</a>
</div>
<div class="buttons">
<a href="#">nieuws</a>
</div>
<div class="buttons">
<a href="#">diensten</a>
</div>
<div class="buttons">
<a href="#">contact</a>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<head>
<style type = 'text/css'>
div.buttonscontainer {
width: 160px;
}
div.buttons a {
color: 000000;
background-color: e3e3e5;
padding: 2px;
padding-left: 4px;
display: block;
border-bottom: 1px solid ;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-align: left;
}
div.buttons a:hover {
background-color: e9e9ec;
color: bd0606;
text-decoration: none;
}
</style>
</head>
<body>
<table>
<tr>
<td width="162" height="190" class="linkermenu">
<div class="buttonscontainer">
<div class="buttons">
<a href="#">home</a>
</div>
<div class="buttons">
<a href="#">about</a>
</div>
<div class="buttons">
<a href="#">projecten</a>
</div>
<div class="buttons">
<a href="#">nieuws</a>
</div>
<div class="buttons">
<a href="#">diensten</a>
</div>
<div class="buttons">
<a href="#">contact</a>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
(getest op eigen server, in firefox en in ie7)
Gewijzigd op 01/01/1970 01:00:00 door Hylke




