Css ile resim oynatamıyorum

arda591

Öğrenci
Katılım
24 Haziran 2014
Mesajlar
3
Reaksiyon puanı
0
Puanları
0
Merhabalar şu adresteki gibi bir oyunu css html ve js ile ypmak istiyorum. O nedenle divleri resmin bölümlerine ayırarak başlamak istedim fakat resimlerin alt alta gelmesini engelleyemiyorum. Yan yana gelse resim oluşacak ben de css ile hayvanları yerlerine koyacağım. Fakat resmi oluşturamıyorum. Neresi yanlış oluyor?

teşekürler


kaynağı https://mega.co.nz/#F!wpwRhLTT!IzGDXmhv0acW7ZraryfUBA
HTML:
<html><head><link rel="stylesheet" type="text/css" href="style.css"></head><body><div id="left"><img width="8%" src="kurt.png"><img width="8%" src="kuzu.png"><img width="4%" src="marul.png"> </div> <div id="water"><img width="24%" src="tekne.png"> </div><div id="right"> 
</div></body></html>


Kod:
    #left{
    background-image: url(leftgamebg.png);
    top:30%;
    left:15%;
    width: 131px;
    height: 386px;
}


 

    #water
{
    background-image: url(watergamebg.png);
    width: 569px;
    height: 386px;
    top:30%;
}

 
    #right
{


}
 

mrgogo

Öğrenci
Katılım
22 Ağustos 2008
Mesajlar
80
Reaksiyon puanı
1
Puanları
8
float: left; kullanmak sorunu düzeltecektir.

#left { background-image: url(leftgamebg.png); top:30%; left:15%; width: 131px; height: 386px; float:left; } #water { background-image: url(watergamebg.png); width: 569px; height: 386px; top:30%; }
 
Üst