Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

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

Frage Entwicklung HTML

Mitglied: Maik87

Maik87 (Level 2) - Jetzt verbinden

18.07.2012, aktualisiert 12:26 Uhr, 3642 Aufrufe, 8 Kommentare

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

01.
  
02.
<html> 
03.
<table> 
04.
<tr> 
05.
<td> 
06.
<img src='Grafik.jpg'> 
07.
</td> 
08.
</tr> 
09.
</table> 
10.
</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.
Mitglied: Darkprodukt
18.07.2012, aktualisiert um 12:42 Uhr
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
Bitte warten ..
Mitglied: nxclass
18.07.2012 um 12:43 Uhr
wenn ich das richtig verstehe: Du möchtest nur das sich die Größe des Bildes an die Tabellen Zelle anpasst ?
01.
table td img { 
02.
    width: 100%; 
03.
    height: 100%; 
04.
}
Bitte warten ..
Mitglied: Maik87
18.07.2012 um 12:47 Uhr
Hey,
die Idee scheidet leider aus. Die Bilder werden dynamisch von der Website erstellt und können nicht nachbearbeitet werden.
Bitte warten ..
Mitglied: Maik87
18.07.2012 um 12:51 Uhr
Ja, richtig verstanden.

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

In der CSS habe ich

01.
img.Chart { 
02.
  width: 150px; 
03.
  height: 100px; 
04.
}
stehen. Ist doch erstmal das gleiche - oder? Stelle ich es nun auf 100% um, werden die Bilder riiiieesig groß. Größer als original.
Bitte warten ..
Mitglied: nxclass
18.07.2012 um 13:06 Uhr
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.
01.
<html> 
02.
<table style="width:80%;"> 
03.
<tr> 
04.
<td style="width:80%;"> 
05.
<img src="Grafik.jpg" style="width:100%;height:100%;"> 
06.
</td> 
07.
<td>leer</td> 
08.
</tr> 
09.
</table> 
10.
</html>
Bitte warten ..
Mitglied: Maik87
18.07.2012 um 13:13 Uhr
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?
Bitte warten ..
Mitglied: nxclass
18.07.2012, aktualisiert um 13:26 Uhr
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
Bitte warten ..
Mitglied: Maik87
18.07.2012 um 13:26 Uhr
Die Idee kam mir auch grad...
Muss ich mir wohl was anderes überlegen :/

Ich danke dir aber für deine Hilfe!!
Bitte warten ..
Ähnliche Inhalte
VB for Applications
Import Textdatei von Dateiname aus Zelle (2)

Frage von grasihuepfer zum Thema VB for Applications ...

VB for Applications
VBA - Welchen Inhalt hat eine Zelle die mit der Taste Enft geleert wird? (3)

Frage von Juckie zum Thema VB for Applications ...

Microsoft Office
VBA Code zum Kopieren von einzelnen Zellen in Excel (3)

Frage von SebastianL zum Thema Microsoft Office ...

Neue Wissensbeiträge
Windows Update

Microsoft Update KB4034664 verursacht Probleme mit Multimonitor-Systemen

(2)

Tipp von beidermachtvongreyscull zum Thema Windows Update ...

Viren und Trojaner

CNC-Fräsen von MECANUMERIC werden (ggf.) mit Viren, Trojanern, Würmern ausgeliefert

(4)

Erfahrungsbericht von anteNope zum Thema Viren und Trojaner ...

Windows 10

Windows 10: Erste Anmeldung Animation deaktivieren

(3)

Anleitung von alemanne21 zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Netzwerkprotokolle
gelöst Leiten "dumme" Switches VLAN-Tags mit durch? (26)

Frage von coltseavers zum Thema Netzwerkprotokolle ...

Netzwerkgrundlagen
Kann auf Freigabe nicht Zugreifen (16)

Frage von leon123 zum Thema Netzwerkgrundlagen ...

Windows Server
gelöst Neues KB für W10 1607 und W2K16 wieder mal nicht im WSUS 3.0, hat das noch jemand? (16)

Frage von departure69 zum Thema Windows Server ...

Router & Routing
FTTH bzw FTTB Router (13)

Frage von ukulele-7 zum Thema Router & Routing ...