Har följande problem:
Jag har en div-låda på 300x300pix.
Jag vill positionera "smådivvar" säg t.ex. 50x50pix i den lådan som ska innehålla bilder på 50x50pix som ska vara a:länkar.
Jag får det att fungera med en "smådiv" med relativ pos och top- och -left angivelser. Men när jag lägger till en till "smådiv" så går det inte att positionera den korrekt för det verkar som den påverkas av den första "smådiven"...
Jag vill egentligen ha image maps men lightbox funkar inte då.
HTML
<div id="test">
<div class="lankbildpos1">
[img]../jpg/lankbild1.jpg[/img]</div>
<div class="lankbildpos2">
[img]../jpg/lankbild1.jpg[/img]</div>
</div>
CSS
#test {
background-image: url(../jpg/fejkkarta.jpg);
background-repeat: no-repeat;
height: 300px;
width: 300px;
}
.lankbildpos1 {
width: 50px;
background-color: #066;
height: 50px;
position: relative;
top: 20px;
left: 20px;
}
.lankbildpos2 {
width: 50px;
background-color: #39F;
height: 50px;
position: relative;
top: 0px; <-- det här ignorerar ff..
left: 0px; <-- det här också.
}
Producerar:
