nicht angemeldet
Hi there,
<body>
<div id="divid" class="examplediv">
<img class="png" src="http://img119.imageshack.us/img119/7978/plnnb7.png" >
</div><div id="divid" class="examplediv">
<img class="png" src="http://img530.imageshack.us/img530/2396/lay1ys8.png" >
</div><div id="divid" class="examplediv">
<img class="png" src="http://img530.imageshack.us/img530/2488/wall1gb3.png" >
</div>
Mir fallen zwei nicht unproblematische Dinge auf; erstens vergibst Du Deinen divs immer die gleiche id, das ist ein schwerwiegender Fehler und zweitens, wozu sind die divs überhaupt gut? Vergib die Klasseneigenschaft doch den Bildern selbst und nicht den divs. also aus
.examplediv
{
}
#divid
{
position:absolute;
left:111px; top:131px;
}
machst Du
.examplediv
{
position:absolute;
left:111px; top:131px;
}
und schreibst die Klasse direkt in die imagetags.
Wie daraus hervorgeht, handelt es sich um Felder für ein Browsergame. Daraus soll jetzt Zelle für Zelle eine Karte gebastelt werden, aber sobald ich versuche, zwei Felder untereinander anzuordnen, indem ich ein zweites divid definiere, trennen sich die Bilder von einander und ich habe letzten Endes 6 Bilder die untereinander angeordnet sind (Ausnahme: Mein Phase 5.3, allerdings ignoriert der die Transparenz von PNGs ;) ). Ich würde mich freuen, wenn mir jemand sagen kann, wie ich diesen Teilerfolg auf ein größeres Gebiet umwandeln kann.
ich verstehe Dein Problem nicht ganz, in meinem Browser sind die Bilder übereinander, im IE siehts nur etwas anders aus, aber das ist eh bekannt, daß der IE (6) Probleme mit teiltransparenten PNGs hat. Wahrscheinlich rendert irgendeine Vorschau im Phase 5 mit dem IE. Das ist ein fundamentales Problem, das wirst Du für diesen Browser nicht lösen können...