In een bestaande site moet ik iets aanpassen.
Nu wil ik niet de hele layout van de site aanpassen en alleen mijn gedeelte invoegen.
Dat gedeelte is een tabel met 2 kolommen.
Waarvan de eerste kolom weer onder moet worden verdeeld in 2 rijen.
Nu wil ik dit met css doen.
En heb ik dus de code verzonnen, zoals op deze pagina is te zien:
http://www.dekleurschool.nl/test2.php
Deze code heb ik hier geplaatst zodat je kunt zien dat dit bestand precies doet wat ik wil.
Nu heb ik deze exacte code dus geplaatst in een bestaande pagina tussen de
tags: <!-- begin: weergave //--> en <!-- einde: weergave //-->
Maar op deze pagina wordt mijn tabelletje met css niet goed weergegeven.
Zie: http://www.dekleurschool.nl/test.php
Ik kom er maar niet achter waarom dat zo is, weer iemand misschien de oplossing?
Het is inderdaad een beetje vreemd om een tabel met css te maken in de reeds bestaande tabel. (het is ook geen optie om de website opnieuw te maken met css, dat wil de klant niet en daar heeft ie zn 'financiele' redenen voor)
Maar ook in test2.php heb ik het in een tabel gezet en dan blijft het wel gewoon werken.
Dit is de bijbehorende css code voor test.php
Ook dit css gedeelte is niet echt goed voor een schoonheidsprijs maar goed.
Nu wil ik niet de hele layout van de site aanpassen en alleen mijn gedeelte invoegen.
Dat gedeelte is een tabel met 2 kolommen.
Waarvan de eerste kolom weer onder moet worden verdeeld in 2 rijen.
Nu wil ik dit met css doen.
En heb ik dus de code verzonnen, zoals op deze pagina is te zien:
http://www.dekleurschool.nl/test2.php
Deze code heb ik hier geplaatst zodat je kunt zien dat dit bestand precies doet wat ik wil.
Nu heb ik deze exacte code dus geplaatst in een bestaande pagina tussen de
tags: <!-- begin: weergave //--> en <!-- einde: weergave //-->
Maar op deze pagina wordt mijn tabelletje met css niet goed weergegeven.
Zie: http://www.dekleurschool.nl/test.php
Ik kom er maar niet achter waarom dat zo is, weer iemand misschien de oplossing?
Het is inderdaad een beetje vreemd om een tabel met css te maken in de reeds bestaande tabel. (het is ook geen optie om de website opnieuw te maken met css, dat wil de klant niet en daar heeft ie zn 'financiele' redenen voor)
Maar ook in test2.php heb ik het in een tabel gezet en dan blijft het wel gewoon werken.
Dit is de bijbehorende css code voor test.php
code:
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
| body {
scrollbar-face-color : :#666666;
scrollbar-highlight-color : #CCCCCC;
scrollbar-shadow-color :#585858;
scrollbar-3dlight-color : #EBEBEB;
scrollbar-arrow-color : #585858;
scrollbar-track-color : #585858;
scrollbar-darkshadow-color : #000000;
scrollbar-base-color : #BEBEBE;
background-color: #585858;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.kopjes {
color : #000000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
background-color: #CCCCCC;
}
.trainingen {
color : #000000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
background-color: #E9E9E9;
}
td, div {
color : #000000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
line-height : 17px;
}
.content {
color : #000000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
line-height : 17px;
background-color: #BEBEBE;
}
A {color : #000000; text-decoration : underline}
A:active {color : #000000; text-decoration : underline}
A:visited {color : #000000; text-decoration : underline}
A:hover {color : #EBEBEB; text-decoration : none; background-color: #666666}
.mainbg {
background-color: #EBEBEB;
border-color: #666666;
border-style: solid;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
}
.mainbottom {
border-color: #666666;
border-style: dashed;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
}
.bgleft {
background-image: url(img/bg-left.gif);
background-repeat: repeat-y;
background-position: right;
}
.bgright {
background-image: url(img/bg-right.gif);
background-repeat: repeat-y;
background-position: left;
}
.contentbg {
background-attachment: scroll;
background-image: url(img/index-16.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-color: #BEBEBE;
} |
Ook dit css gedeelte is niet echt goed voor een schoonheidsprijs maar goed.
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}
:strip_icc():strip_exif()/u/83724/crop63dc4626c346c_cropped.jpg?f=community)