Bild über Zellenrand überlappen lassen.

[Bahamutzero]

Hallo zusammen, ich habe ein kleines Problemchen....

Ich habe eine Tabelle die aus mehreren Zellen zu 16x16 besteht und mehrere Bilder die über ne Datenbank in die Tabelle integriert werden.

Wenn diese Bilder größer als 16x16 sind zerreißt es mir allerdings logischerweise die Tabelle...gibts es eventuell ne Möglichkeit dieses Bild einfach über die Zellenränder überlappen zu lassen statt die Zelleränder auf die Bildgröße auszudehnen?

Wäre für Hilfe sehr dankbar

lg
Daniel

[stefan]

Wenn Du die Bilder in ein <div>- Block-Element einbindest (div = division = Bereich)und dieses per css auf die absolute Position bringst geht das.

Gruß
Stefan

[Bahamutzero]

Wenn Du die Bilder in ein <div>- Block-Element einbindest (div = division = Bereich)und dieses per css auf die absolute Position bringst geht das.

Gruß
Stefan

Hallo Stefan,

danke für die schnelle Antwort.

Ich habe eben folgendes probiert:

$output .= "<div style="width:16px; height:16px; overflow:visible;"><img src="http://www.zockerforum.com/onlinerpg/bilder/charakter/".$user['charakter'].".gif" alt="".$user['name'].""></div>";

Leider funktioniert das nicht und die Tabelle wird nach wie vor zerrißen....mach ich irgendwas falsch?

Lg Daniel

[stefan]

Hallo Daniel,

hast Du die Bilder immer noch in der Tabelle?

Wenn ja gebe der tabellenspalte am besten ein width von 16px und positioniere deinen <div ... an diese stelle.

<style type="text/css">
<!--
#Layer1 {
 position:absolute;
 left:538px;
 top:147px;
 width:16px;
 height:16px;
 z-index:1;
}
-->
</style>

im header-bereich

$output .= "<div id="Layer1"><img src="http://www.zockerforum.com/onlinerpg/bilder/charakter/".$user['charakter'].".gif" alt="".$user['name'].""></div>";

Du musst hier nur noch die Optionen left und top an deine Tabelle anpassen.

Gruß
Stefan

[Bahamutzero]

Hallo Daniel,

hast Du die Bilder immer noch in der Tabelle?

Wenn ja gebe der tabellenspalte am besten ein width von 16px und positioniere deinen <div ... an diese stelle.

<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:538px;
top:147px;
width:16px;
height:16px;
z-index:1;
}
-->
</style>

im header-bereich

$output .= "<div id="Layer1"><img src="http://www.zockerforum.com/onlinerpg/bilder/charakter/".$user['charakter'].".gif" alt="".$user['name'].""></div>";

Du musst hier nur noch die Optionen left und top an deine Tabelle anpassen.

Gruß
Stefan

Hall Stefan,

vielen Dank, die Tabelle wird nicht mehr verschoben. :)

Jetzt stehe ich allerdings vor dem Problemchen festzustellen an welcher Position genau sich das Bild befindet/befinden soll (Sie werden ja aus der Datenbank ausgelesen).

Liebe Grüße
Daniel