Positionering af billeder
HejsaJeg sidder og arbejder på en hjemmeside. Jeg vil gerne have en centreret boks på min side hvor der skal placeres tre billeder inden i. Henholdvis i øverste venstre hjørne, øverste højre hjørne og nederste højre hjørne. Men jeg har et problem med at fået placeret det i nederste højre hjørne - lige meget hvad jeg gør. Er der nogen der kan hjælpe? Jeg er ikke interesseret i at positionere det med absolute værdier!
Her er mit HTML:
<body>
<div class="center">
<div class="topleft"></div>
<div class="topright"></div>
<div class="buttomright"></div>
</div>
</body>
Her er mit CSS:
body {
background-color: #333333;
text-align: center;
}
.center {
background-color: #FFFFFF;
height: 452px;
width: 777px;
}
.topleft {
background-image: url(../img/topleft.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
height: 172px;
width: 260px;
float: left;
}
.topright {
background-image: url(../img/topright.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
height: 20px;
width: 136px;
float: right;
}
.buttomright {
background-image: url(../img/buttomright.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
height: 123px;
width: 180px;
På forhånd tak!
