krijg geen achtergrond geplaatst op de website.
Na 5 dagen vloeken en tieren is het me helaas nog steeds niet gelukt om een achtergrond te plaatsen op mijn website. Ik gebruik hierbij ook joomla om websites mee te maken. Je kan dan via een pagina het script aanpassen naar wens. Echter heb ik verschillende manieren geprobeerd een achtergrond op de website te plaatsen.
dit is het script wat ik tot nu toe heb.
script:
/* Main Layout */
html {height: 100%;}
body { font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height: 1.3; color: #555; }
body.contentpane { background:#fff; color:#555;}
.background body {
body { background: #000 url(../images/bg2.jpg) center top repeat-x;color: #fff }
}
h1,h2,h3,h4,h5,h6 {margin:0; padding:10px 0; font-weight:bold; color:#134E8B;font-family:Arial, Helvetica, sans-serif;}
.componentheading { font-style:italic;font-size:25px; margin:0; padding:0 0 10px 0; color:#1a528c;}
h1 { font-size: 20px;}
h2 { font-size: 18px;}
h3 { font-size: 16px;}
h4 { font-size: 14px;}
html {height: 100%;}
body { font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height: 1.3; color: #555; }
body.contentpane { background:#fff; color:#555;}
.background body {
body { background: #000 url(../images/bg2.jpg) center top repeat-x;color: #fff }
}
h1,h2,h3,h4,h5,h6 {margin:0; padding:10px 0; font-weight:bold; color:#134E8B;font-family:Arial, Helvetica, sans-serif;}
.componentheading { font-style:italic;font-size:25px; margin:0; padding:0 0 10px 0; color:#1a528c;}
h1 { font-size: 20px;}
h2 { font-size: 18px;}
h3 { font-size: 16px;}
h4 { font-size: 14px;}
zoals je al ziet aan het dik gedrukte. dit stond er eerst.
script:
.background {position: absolute;width: 100%; background:#000;}
om eenmaal aan te passen het script heb ik dus de achtergrond aangepast in het dik gedrukte. echter werkt dit niet. weet iemand toevallig hoe ik dit het beste zou kunnen oplossen..?? of zit ik totaal verkeerd te kijken..??
m.v.g
Dan zie je dat je in je code twee keer { en } hebt.
In CSS is dat, volgens mij, niet erg gebruikelijk.
Om een achtergrond te plaatsen, google eens op css background image.
Code (php)
1
2
3
2
3
.background body {
body { background: #000 url(../images/bg2.jpg) center top repeat-x;color: #fff }
}
body { background: #000 url(../images/bg2.jpg) center top repeat-x;color: #fff }
}
Regel 1:
.background body {
Je hebt dus een element (een <div> bijvoorbeeld) met class .background. Als daarin een <body> zit....
Nou, dat wordt zoeken. Wellicht heb je je <html> een class="background" gegeven, maar dat lijkt me niet.
Ook mag <body> maar 1x voorkomen... onder je <head> en moet in <html> zitten.
Dat werkt dus al niet.
Regel 2:
body { background: #000 url(../images/bg2.jpg) center top repeat-x;color: #fff }
Hé, je wilt <body> een achtergrond geven. Niet uit dezelfde map als waar dit bestand (index.html of index.php oid) staat, maar een map hoger. Mogen die mensen die wel openen? Kom je dan niet in je root uit? Kan je zelf via je browser die afbeelding openen? Gebruik als test eens het absolute adres als http://www.jouwwebsite.nl/images/bg2.jpg... werkt dat?
Regel 3:
}
Sluit dus iets af wat je niet hoort te openen.
Hoe verder? Probeer eens dit:
En LEES het commentaar.... en denk er eens over na.
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
/* Main Layout */
/* iets met IE toch? */
html {
height: 100%;
}
/* voor de one-and-only <body> */
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 1.3;
color: #555;
background: #000 url(../images/bg2.jpg) center top repeat-x;
color: #fff
}
/* dit is voor <body class="contentpane"> Mis je geen L? */
body.contentpane {
background: #fff;
color: #555;
}
/* beetje raar dat je alle <h?>
/* iets met IE toch? */
html {
height: 100%;
}
/* voor de one-and-only <body> */
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 1.3;
color: #555;
background: #000 url(../images/bg2.jpg) center top repeat-x;
color: #fff
}
/* dit is voor <body class="contentpane"> Mis je geen L? */
body.contentpane {
background: #fff;
color: #555;
}
/* beetje raar dat je alle <h?>
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 10px 0;
font-weight: bold;
color: #134E8B;
font-family: Arial, Helvetica, sans-serif;
}
/* oke... beter. Waarom PX en geen EM of %? */
h1 {
font-size: 20px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 14px;
}
/* H5 en H6 hoeven niet? */
/* prima... maar een heading? Moet dat niet gewoon een <h?> zijn dan? */
.componentheading {
font-style: italic;
font-size: 25px;
margin: 0;
padding: 0 0 10px 0;
color: #1a528c;
}
:slotje:
Gewijzigd op 06/05/2013 08:43:45 door radboud voesenek