Install
Legacy Member
ik was dus bezig aan mijn allereerste site ( met CSS dan en divs )
en ik zou graag hebben dat er op de de achtergrond deze image wordt herhaald
http://users.telenet.be/famTemm/freestyle/images/bg.jpg
dus op de manier met repeat-x
dat lukt me wel maar der is een probleem als iik de herhaling doe geeft hij dit weer:
http://users.telenet.be/famTemm/freestyle/
hij herhaalt het maar dit is niet het gewenste resultaat...
het moet een vloeiende overgang hebben en op elke resolutie beschikbaar zijn nu wat moet ik aanpassen aan die image en wat in mijn stylesheet.css
PS: De content van de site doet er totaal niet toe alleen de code die is belangrijk.
en ik zou graag hebben dat er op de de achtergrond deze image wordt herhaald
http://users.telenet.be/famTemm/freestyle/images/bg.jpg
dus op de manier met repeat-x
dat lukt me wel maar der is een probleem als iik de herhaling doe geeft hij dit weer:
http://users.telenet.be/famTemm/freestyle/
hij herhaalt het maar dit is niet het gewenste resultaat...
het moet een vloeiende overgang hebben en op elke resolutie beschikbaar zijn nu wat moet ik aanpassen aan die image en wat in mijn stylesheet.css
Code:
@charset "utf-8";
/* Opmaak*/
h1{
text-decoration: underline;
font-style: normal;
text-transform: capitalize;
padding-left: 10px;
}
body{
background-image:url(images/bg.jpg);
background-repeat: repeat-X;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-attachment: scroll;
}
#container{
border:#000000 1px solid;
}
#header {
background:url(images/header.jpg);
}
#menu {
background-color:#CCCCCC;
text-align: center;
border-top:#000000 1px solid;
border-bottom:#000000 1px solid;
}
#content{
text-align:justify;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
}
#footer{
text-align:center;
background-color:#CCCCCC;
border-top:#000000 1px solid;
}PS: De content van de site doet er totaal niet toe alleen de code die is belangrijk.
