Hej
Dette er min først post på siden. Jeg er igang med at lave en portfolie til skoleprojekt. Jeg har fået lavet designet.
Tjek linket:
http://img830.imageshack.us/img830/7412/udspilcopy.jpgJeg har fået sat baggrunden (bordet) og underlaget med kaffekop ind. Nu vil jeg gerne indsætte postit'sene. Når jeg sætter dem ind flytter de sig rundt, når jeg gør browseren større eller mindre. Det er ikke optimalt. Det er meningen at der skal være billeder af mine opgaver på postit'sene, og de skal linke til dem.
her er min nuværrende kode:
html:
<body>
<div id="container" >
<div id="underlag">
<div id="opg1">
</div>
</div>
</div>
</body>css:
body {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.0em;
background-color:#232323;
margin:0 auto;
padding:0;
background-image:url('udspil.gif');
background-repeat:repeat-x;
height:100%;
background-position:top left;
}
/*
structure
*/
div#container {
width:100%;
margin:0 auto;
padding:0;
}
div#underlag {
background-image:url('underlag.png');
background-repeat:no-repeat;
background-attachment:absolute;
background-position:center;
height:710px;
padding-top:20px;
padding-bottom::40px;
z-index:-1;
}
div#opg1 {
background-image:url('postit1.png');
background-repeat:no-repeat;
margin-left:150px;
height:100%;
}Jeg håber der er nogen der kan hjælpe, da jeg synes det viker som en relativ nem til at løse
