CSS: krijg container niet goed
De bedoeling is dat dit plaatje helemaal onderaan de site komt te staan: http://stapperijdegaper.nl/images/postzak.gif.
Dit lukt me niet. Ik heb hem nu als achtergrondplaatje van de container, links onder. Maar je krijgt hem niet te zien. Volgensmij is er iets verkeerd aan de container, want als ik de achtergrondkleur naar bijv. blauw verander, zie je dit niet terug in de site. Hoe zorg ik ervoor dat de container een achtergrondkleur en een achtergrondplaatje heeft? Ik ben echt al heel lang dingen aan het proberen maar ik kan de oplossing maar niet vinden. Iemand een idee? CSS: (de css staat in de map css, vandaar de ../ voor de plaatjes)
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
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
img {
border-style: none;
}
body {
background-color: #410000;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
color: #FFFFFF;
}
div#container {
margin: 0 auto;
width: 650px;
background: url("../images/postzak.gif") #690000 left bottom no-repeat;
}
div#header {
height: 258px;
}
/* START MENU */
ul#menu {
height: 38px;
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
float: left;
}
#menu a {
display: block;
height: 38px;
}
#menu a.home {
background: url("../images/home.gif") center center no-repeat;
width: 118px;
}
#menu a.home:hover {
background: url("../images/o_home.gif") center center no-repeat;
}
#menu a.nieuws {
background: url("../images/nieuws.gif") center center no-repeat;
width: 94px;
}
#menu a.nieuws:hover {
background: url("../images/o_nieuws.gif") center center no-repeat;
}
#menu a.agenda {
background: url("../images/agenda.gif") center center no-repeat;
width: 95px;
}
#menu a.agenda:hover {
background: url("../images/o_agenda.gif") center center no-repeat;
}
#menu a.fotos {
background: url("../images/fotos.gif") center center no-repeat;
width: 83px;
}
#menu a.fotos:hover {
background: url("../images/o_fotos.gif") center center no-repeat;
}
#menu a.gastenboek {
background: url("../images/gastenboek.gif") center center no-repeat;
width: 126px;
}
#menu a.gastenboek:hover {
background: url("../images/o_gastenboek.gif") center center no-repeat;
}
#menu a.contact {
background: url("../images/contact.gif") center center no-repeat;
width: 134px;
}
#menu a.contact:hover {
background: url("../images/o_contact.gif") center center no-repeat;
}
#menu span {
display: none;
}
/* EIND MENU */
div#ondervak {
background: #690000;
}
div#links {
width: 200px;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
div#content {
width: 410px;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
a {
color: #FFFFFF;
text-decoration: underline;
font-size: 1em;
}
a:hover {
text-decoration: none;
}
table.item {
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
tr.titel td {
font-weight: 900;
}
span.pagnav a {
text-decoration: none;
font-weight: bold;
}
border-style: none;
}
body {
background-color: #410000;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
color: #FFFFFF;
}
div#container {
margin: 0 auto;
width: 650px;
background: url("../images/postzak.gif") #690000 left bottom no-repeat;
}
div#header {
height: 258px;
}
/* START MENU */
ul#menu {
height: 38px;
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
float: left;
}
#menu a {
display: block;
height: 38px;
}
#menu a.home {
background: url("../images/home.gif") center center no-repeat;
width: 118px;
}
#menu a.home:hover {
background: url("../images/o_home.gif") center center no-repeat;
}
#menu a.nieuws {
background: url("../images/nieuws.gif") center center no-repeat;
width: 94px;
}
#menu a.nieuws:hover {
background: url("../images/o_nieuws.gif") center center no-repeat;
}
#menu a.agenda {
background: url("../images/agenda.gif") center center no-repeat;
width: 95px;
}
#menu a.agenda:hover {
background: url("../images/o_agenda.gif") center center no-repeat;
}
#menu a.fotos {
background: url("../images/fotos.gif") center center no-repeat;
width: 83px;
}
#menu a.fotos:hover {
background: url("../images/o_fotos.gif") center center no-repeat;
}
#menu a.gastenboek {
background: url("../images/gastenboek.gif") center center no-repeat;
width: 126px;
}
#menu a.gastenboek:hover {
background: url("../images/o_gastenboek.gif") center center no-repeat;
}
#menu a.contact {
background: url("../images/contact.gif") center center no-repeat;
width: 134px;
}
#menu a.contact:hover {
background: url("../images/o_contact.gif") center center no-repeat;
}
#menu span {
display: none;
}
/* EIND MENU */
div#ondervak {
background: #690000;
}
div#links {
width: 200px;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
div#content {
width: 410px;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
a {
color: #FFFFFF;
text-decoration: underline;
font-size: 1em;
}
a:hover {
text-decoration: none;
}
table.item {
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
tr.titel td {
font-weight: 900;
}
span.pagnav a {
text-decoration: none;
font-weight: bold;
}
Gewijzigd op 01/01/1970 01:00:00 door Roel
background-repeat: norepeat;
dit werkt bij mij wel! dus die no-repeat ff apart zetten, heb het uit geprobeerd maar werkt anders niet