Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von Mai

SELFHTML Forumsarchiv
Bild über Zellenrand überlappen lassen.

Informationsseite
  1. Seite (HTML/XHTML) Bild über Zellenrand überlappen lassen. von Bahamutzero, 31. 05. 2007, 14:53
nach unten

Bild über Zellenrand überlappen lassen.

Die folgende Nachricht zum Thema stammt von: Bahamutzero, 31. 05. 2007, 14:53

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

nach obennach unten

Bild über Zellenrand überlappen lassen.

Die folgende Nachricht zum Thema stammt von: stefan, 31. 05. 2007, 15:02

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

nach obennach unten

Bild über Zellenrand überlappen lassen.

Die folgende Nachricht zum Thema stammt von: Bahamutzero, 31. 05. 2007, 15:09

»» 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

nach obennach unten

Bild über Zellenrand überlappen lassen.

Die folgende Nachricht zum Thema stammt von: stefan, 31. 05. 2007, 15:15

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

nach obennach unten

Bild über Zellenrand überlappen lassen.

Die folgende Nachricht zum Thema stammt von: Bahamutzero, 31. 05. 2007, 15:23

»» 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

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von Mai

© 1998-2006 Seite Impressum, Software: Classic Forum