• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Positionierung auf einem Rechteck

stripmitz

stripmitz

New member
Hu

Ich habe folgendes Problem.
Wir wollen, dass der spieler in unserem spiel einen Garten anlegen kann. (bzw eine Wiese bepflanzen)

die Wiese ist ein Rechteck.
und die pflanzen sollen mit z-index drübergelegt werden.
position absolute geht nich, da man ja nie genau weiss, wo das rechteck (die wiese) genau ist


wie macht man sowas am besten?

danke,

mfg strip
 
der Garten könnte ein div mit border und background sein der dann die pflanzen-divs enthält die man relativ (zum garten div) positionieren kann
 
Code: 
<html>
<head>
<title>TITEL</title>
<style type="text/css">
div.beet{
	background: url('grass.jpg');
	width:  300px;
	height: 200px;
}
img.plant{
	position: absolute;
}
</style>
</head>
<body>
<br><br><br><br><br>
<div>
	<div class="beet"></div>
	<img class="plant" src="./sunflower/4.jpg" style="left:0px;top:0px;"/>
	<img class="plant" src="./sunflower/4.jpg" style="left:100px;top:0px;"/>
	<img class="plant" src="./sunflower/4.jpg" style="left:200px;top:0px;"/>
	<img class="plant" src="./sunflower/0.jpg" style="left:50px;top:100px;"/>
	<img class="plant" src="./sunflower/0.jpg" style="left:100px;top:150px;"/>
	<img class="plant" src="./apple/3.jpg" style="left:150px;top:100px;"/>
</div>
</body>

http://www.css4you.de/position.html schrieb:
Die absolute Position wird relativ zu den Rändern des Eltern-Elements berechnet
Zum Vergrößern anklicken....
stimmt anscheinend nicht :(
bei mir wirds immer global also relativ zum <body> ausgerichtet ;(

was mach ich denn falsch?
 
weil du das div "beet" auch wieder zumachst bevor du die pflanzen "img" schreibst ;)
 
Also Pflanzen gehören auf jeden Fall einmal ins Beet, ob jetzt bei den Div's oder in Realität.
Warum die immer noch oben in der Ecke kleben ist auch klar, da weder dein 1. noch dein 2. Div eine Positionierung haben und somit auf top:0px left: 0px gesetzt sind
 
mist jetzt habe ich doch glatt meinen 200. eintrag verpasst *grml*
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben