8
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:
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.
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>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.
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 188219
Url: https://administrator.de/contentid/188219
Printed on: April 19, 2024 at 21:04 o'clock
8 Comments
Latest comment
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
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
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%;
}
Hey,
die Idee scheidet leider aus. Die Bilder werden dynamisch von der Website erstellt und können nicht nachbearbeitet werden.
die Idee scheidet leider aus. Die Bilder werden dynamisch von der Website erstellt und können nicht nachbearbeitet werden.
Ja, richtig verstanden.
Das Bild ist bei mir von der Klasse "Chart".
In der CSS habe ich
stehen. Ist doch erstmal das gleiche - oder? Stelle ich es nun auf 100% um, werden die Bilder riiiieesig groß. Größer als original.
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.
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 malDie Größe der Zelle wird im CSS mit % bestimmt.
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>
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?
Was ich vergaß:
Ich jag das ganze in HTML2PDF und nicht in einem Browser. Kann hier der Fehler liegen?
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
Die Idee kam mir auch grad...
Muss ich mir wohl was anderes überlegen :/
Ich danke dir aber für deine Hilfe!!
Muss ich mir wohl was anderes überlegen :/
Ich danke dir aber für deine Hilfe!!
