i'm still a noob at coding, i dont know how to get those navigation images at the right position,
i can't use"position:Absolute;" because the the site will be left aligned..
site:
http://www.neoraw.com/Portfolio/Client1/html/
css:
Code:
/* CSS Document */
body{
background-color:#cccc99;
}
#container{
width:655px;
height:600px;
position:relative;
margin-right:auto;
margin-left:auto;
}
#header{
width:655px;
height:150px;
background-image:url(../afbeeldingen/pierrehtml_01.jpg);
background-repeat:no-repeat;
}
#navlinks{
width:125px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_02.jpg);
background-repeat:no-repeat;
}
#home{
width:58px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_03.jpg);
background-repeat:no-repeat;
float:left;
}
#over{
width:81px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_04.jpg);
background-repeat:no-repeat;
}
#producten{
width:94px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_05.jpg);
background-repeat:no-repeat;
}
#referenties{
width:100px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_06.jpg);
background-repeat:no-repeat;
}
#contact{
width:73px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_07.jpg);
background-repeat:no-repeat;
}
#navrechts{
width:124px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_08.jpg);
background-repeat:no-repeat;
}
#wit{
width:655px;
height:13px;
background-image:url(../afbeeldingen/pierrehtml_09.jpg);
background-repeat:no-repeat;
}
#header1{
width:266px;
height:37px;
background-image:url(../afbeeldingen/pierrehtml_10.jpg);
background-repeat:no-repeat;
}
#cont{
width:389px;
height:141px;
background-image:url(../afbeeldingen/pierrehtml_11.jpg);
background-repeat:no-repeat;
}
#text{
width:266px;
height:317;
background-image:url(../afbeeldingen/pierrehtml_12.jpg);
background-repeat:no-repeat;
}
#header2{
width:389px;
height:37;
background-image:url(../afbeeldingen/pierrehtml_13.jpg);
}
#text2{
width:389px;
height:176px;
background-image:url(../afbeeldingen/pierrehtml_14.jpg);
background-repeat:no-repeat;
}
#footer{
width:655px;
height:98px;
background-image:url(../afbeeldingen/pierrehtml_15.jpg);
background-repeat:no-repeat;
}
help would be verry appreciated!