кодиране на дракон

[newtest]

Здравейте,
искам да попитам как точно да стане кодирането на този дракон:

Стигнах до тук:

Но не мога да сложа дракона под бъдещият slideshow

Ръцете трябва да са в/у slideshow,а останалото под него. Разделил съм картинката на 3части:
-ръка 1, ръка 2 и останала част на дракона

Ето това ми е кода в html частта:

			<div id="slider">
				<div id="drakon">
					<div class="ruka1"></div>
					<div class="ruka2"></div>
				</div>
				<div id="sideshow">
				</div>
			</div>

В css ползвам това:
[css]
#drakon {background-image: url('../images/drakon.png') ;
background-repeat: no-repeat;
height:600px; width: 490px;position:absolute;margin-left:-314px;margin-top:-75px}
#drakon .ruka1 {background-image: url('../images/ruka1.png') ;
background-repeat: no-repeat;
height:34px; width: 42px; position:relative; margin: 260px 0px 0px 311px;}
#drakon .ruka2 {background-image: url('../images/ruka2.png') ;
background-repeat: no-repeat;
height:37px; width: 34px; position:relative; margin: -232px 0px 0px 375px;}
#sideshow {
background-image: url('../images/sleder.png') ;
background-repeat: no-repeat;
height:428px; width: 972px;
}
[/css]

 

[Jorko]

Защо не го направиш като фон на самата страница?

 

[lubo91]

Прочети за z-index и абсолютно позициониране. По този начин ще можеш да постигнеш наслояване което ще ти свърши работа.

 

[newtest]

lubo91 - Благодаря ти!