Hallo,
is het ook mogelijk om via de css een background-image te plaatsen maar dan enkel voor de conten?
266 views
Das erg kort, kun je wat meer info geven, bijvoorbeeld een pagina waarin je laat zien waar je de background image wilt?
Verder neem ik aan dat je bedoelt 'content'?
Verder neem ik aan dat je bedoelt 'content'?
..
Hallo,
Nu staat de background-image in de #container en krijg ik over de hele site het plaatje, maar als ik background-image in de #content plaats dan lukt het niet. Mijn vraag was of dit mogelijk is.
#container {
border:1px solid purple;
width:755px;
margin:0 auto;
padding:5px;
text-align:left;
background-image: url(images/back.jpg);
}
#header {
text-align:center;
border:2px solid red;
width:750px;
height:130px;
}
#menu {
float:left;
border:2px solid green;
width:120px;
margin:10px 5px 5px 5px;
padding-top:10px;
min-height:500px;
}
#content {
margin: 10px 10px 0px 150px;
padding: 9px;
border:2px solid blue;
min-height:490px
}
Evert
ik heb dit uiteraard geprobeerd, en heb hier ook de tut gelezen. Echter zonder succes voor wat ik wou.
Nu staat de background-image in de #container en krijg ik over de hele site het plaatje, maar als ik background-image in de #content plaats dan lukt het niet. Mijn vraag was of dit mogelijk is.
#container {
border:1px solid purple;
width:755px;
margin:0 auto;
padding:5px;
text-align:left;
background-image: url(images/back.jpg);
}
#header {
text-align:center;
border:2px solid red;
width:750px;
height:130px;
}
#menu {
float:left;
border:2px solid green;
width:120px;
margin:10px 5px 5px 5px;
padding-top:10px;
min-height:500px;
}
#content {
margin: 10px 10px 0px 150px;
padding: 9px;
border:2px solid blue;
min-height:490px
}
Evert
ik heb dit uiteraard geprobeerd, en heb hier ook de tut gelezen. Echter zonder succes voor wat ik wou.
Even een width: toevoegen in content en hij doet het.
zie voorbeeld hier onder.
.container {
border:1px solid purple;
width:755px;
margin:0 auto;
padding:5px;
text-align:left;
}
.header {
text-align:center;
border:2px solid red;
width:750px;
height:130px;
}
.menu {
float:left;
border:2px solid green;
width:120px;
margin:10px 5px 5px 5px;
padding-top:10px;
min-height:500px;
}
.content {
margin: 10px 10px 0px 150px;
padding: 9px;
border:2px solid blue;
min-height:490px
width:120px;
background-image: url(http://i21.photobucket.com/albums/b281/ReZon/ReZon/BalkAgenda.jpg);
}
en zo je html
<body>
<div class="container">
<div class="header">hall</div>
<div class="menu">joh</div>
<div class="content"></div>
</div>
</body>
<body>
<div class="container">
<div class="header">hall</div>
<div class="menu">joh</div>
<div class="content"></div>
</div>
</body>