maik87
Goto Top

Bild in Tabellen-Zelle - Zelle soll größe bestimmen

Hallo Leute,
ich steh gerade irgendwie auf dem Schlauch. Ich habe eine Tabelle mit einem Bild drin:

 
<html>
<table>
<tr>
<td>
<img src='Grafik.jpg'>  
</td>
</tr>
</table>
</html>
Die Größe der Zelle wird im CSS mit % bestimmt.
Wie schaff ich es nun, dass sich das Bild an dieser Größe orientiert und nicht immer mit einer festern Größe angezeigt wird? Das Bild "überschreibt" die Größe der Zelle.

Content-ID: 188219

Url: https://administrator.de/forum/bild-in-tabellen-zelle-zelle-soll-groesse-bestimmen-188219.html

Ausgedruckt am: 04.04.2025 um 06:04 Uhr

Darkprodukt
Darkprodukt 18.07.2012 aktualisiert um 12:42:10 Uhr
Goto Top
hm...

Ich würde einfach das Bild in einem Bearbeitungsprogramm kleiner machen
und das kleinere Bild als link auf das große Zeigen lassen.

Hab lange keine HTML / CSS Programmiert.

Hoffe die Alternative konnte Helfen.

Grüße
Darkprodukt
nxclass
nxclass 18.07.2012 um 12:43:34 Uhr
Goto Top
wenn ich das richtig verstehe: Du möchtest nur das sich die Größe des Bildes an die Tabellen Zelle anpasst ?
table td img {
    width: 100%;
    height: 100%;
}
Maik87
Maik87 18.07.2012 um 12:47:23 Uhr
Goto Top
Hey,
die Idee scheidet leider aus. Die Bilder werden dynamisch von der Website erstellt und können nicht nachbearbeitet werden.
Maik87
Maik87 18.07.2012 um 12:51:02 Uhr
Goto Top
Ja, richtig verstanden.

Das Bild ist bei mir von der Klasse "Chart".

In der CSS habe ich

img.Chart {
  width: 150px;
  height: 100px;
}

stehen. Ist doch erstmal das gleiche - oder? Stelle ich es nun auf 100% um, werden die Bilder riiiieesig groß. Größer als original.
nxclass
nxclass 18.07.2012 um 13:06:46 Uhr
Goto Top
Stelle ich es nun auf 100% um, werden die Bilder riiiieesig groß. Größer als original.
Die Größe der Zelle wird im CSS mit % bestimmt.
... hier wird natürlich die endgültige Größe von einem Eltern Element aus berechnet. Prüfe das mal

zB.
<html>
<table style="width:80%;">  
<tr>
<td style="width:80%;">  
<img src="Grafik.jpg" style="width:100%;height:100%;">  
</td>
<td>leer</td>
</tr>
</table>
</html>
Maik87
Maik87 18.07.2012 um 13:13:14 Uhr
Goto Top
Es klappt alles super - bis ich mit den 100% ankomme. Auch wenn's direkt im style ist, ohne externe CSS.

Was ich vergaß:
Ich jag das ganze in HTML2PDF und nicht in einem Browser. Kann hier der Fehler liegen?
nxclass
nxclass 18.07.2012 aktualisiert um 13:26:57 Uhr
Goto Top
Ich jag das ganze in HTML2PDF und nicht in einem Browser. Kann hier der Fehler liegen?
möglich... - kann dein HTML2PDF überhaupt mit %-Angaben umgehen bei Bildern ?

Edit: http://www.cosmocode.de/de/blog/jurczok/2012-02/13-webseiten-als-pdf-ex ...
... evtl. mal wkhtmltopdf testen
Maik87
Maik87 18.07.2012 um 13:26:36 Uhr
Goto Top
Die Idee kam mir auch grad...
Muss ich mir wohl was anderes überlegen :/

Ich danke dir aber für deine Hilfe!!