• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

skaliertes Hintergrundbild in td oder Tabelle

Status
Für weitere Antworten geschlossen.
M

Martin1977

Neues Mitglied
Hallo zusammen!

Ich bin am verzweifeln: Ich habe eine Tabelle, in welcher ich eine Zelle mit einem auf 100% skalierten Hintergrundbild versehen will - sprich: das Bild ist riesig, soll aber in die Zelle hineingequetscht werden.
Aber wie?

Viele Grüße
Martin
 
?

Also verstehe ich das richtig du willst eine Tabelle machen und dort 1 Bild reinmachen das die ganze Tabelle füllt?

Sinn und Zweck?

mfg
 
Naja, eigentlich will ich nur eine Tabellenzelle mit einem Bild füllen, so dass die Zelle komplett ausgefüllt ist. Es soll aber nicht die Zelle an die Bildgröße, sondern das Bild an die Zellengröße angepaßt weren.

So weit ich informiert bin geht das aber gar nicht. Deshalb würde ich in eine Zelle einfach eine neue Tabelle einfügen und diese neue Tabelle mit einem Hintergrundbild versehen, dass entsprechend skaliert ist. Leider bekomme ich das im Moment nicht hin.

Grüße
Martin
 
HTML: 
<table>
<tr>
<td>
<img src="./images/bild.jpg" alt="My Pic" border="0" width="100%" height="200">
</td>
</tr>
</table>

Musst aber damit rechnen, dass sich das Bild verzieht.
 
Aha... So geht es aber nicht, das war das erste was ich versucht habe.
Dieser Code vergrößert mir die Tabelle so, dass das Bild hineinpasst.
Ich will aber, dass das Bild in die Tabelle verkleinert wird.
Vielleicht sollte ich noch anmerken, dass die Tabelle keine feste Breite hat, sondern auf 100% skaliert.

Gruß
Martin
 
height sollte auch 100% sein aber es stimmt trotzdem nicht.
Wenn ihr richtig lest soll es als HINTERGRUNDBILD stehen.

Ich glaube, das ganze geht nicht...

Greetz
Sid786
 
warum macht du nicht einfach die Tabelle gleich gross wie das bild(pixel) oder aber das bild vergrössern das es in die 100% tabelle passt.

am besten schreibst du einmal den code von deiner Tabelle hierrein dann kann man es sicher besser vorschtellen

mfg
andibangandi
 
Naja, ich will, dass die Tabelle bei allen Auflösungen richtig dargestellt wird.

HTML: 
<html>
<head>
<title>xxx</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <meta name="Author" content="xxx">
 <META NAME="Generator" CONTENT="xxx">
 <meta name="KeyWords" content="">
 <meta name="Description" content="">
 <link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body marginleft="0" marginheight="0">
 <table width=100% height=100%>
  <tr height=50>
   <td class="tst_re_u" width=150 style="background-color:#111111;">
    &nbsp;
   </td>
   <td class="tst_u" width=100% colspan=2>
 
   <!-- In diese Zelle soll das Bild rein als Hintergrund oder "normal" -->
   </td>
   <td class="tst_li_u" width=100>
    &nbsp;
   </td>
  </tr>
  <tr height=50>
   <td class="tst_re">
    &nbsp;
   </td>
   <td class="tst_n">
    &nbsp;
   </td>
   <td class="tst_li_u" width=100 style="background-color:#111111;">
    &nbsp;
   </td>
   <td class="tst_u" style="background-color:#111111;">
    &nbsp;
   </td>
  </tr>
  <tr height=700>
   <td class="tst_re">
    &nbsp;
   </td>
   <td class="tst_u">
    &nbsp;
   </td>
   <td class="tst_u" >
    &nbsp;
   </td>
   <td class="tst_li_u">
    &nbsp;
   </td>
  </tr>
  <tr height=50>
   <td class="tst_re" >
    &nbsp;
   </td>
   <td class="tst_n" colspan=2>
    &nbsp;
   </td>
   <td class="tst_li" style="background-color:#111111;">
    &nbsp;
   </td>
  </tr>
</body>
</html>

Danke
 
Einfache Lösung....

Wenn du weißt wie groß die Tabelle sein soll kannst du das bild in Paint kopieren (Strg+V) und dann einfsch auf die gewünschte größe "ziehen"!

Bilderbeschreibung:
Schritt1:
Schritt1.JPG

Schritt2:
Schritt2.JPG
Schritt3:
Schritt3.JPG
 
LOL!!!
OkOk, Danke für die Mühe, die Du Dir gemacht hast um mir zu erklären wie man ein Bild vergrößert (wäre aber nicht nötig gewesen, ich kenne mich eigentlich ziemlich gut mit den PC-Monstern aus).

Das löst aber nicht mein Problem: Ich will die Tabelle so anlegen, dass die Verhältnisse auf jedem Monitor einigermaßen stimmen. Deshalb will ich die Spaltenbreiten in Prozenten angeben und das Bild soll VOM BROWSER in eine Zelle vergrößert/verkleinert werden.
 
Hier

Hier das ist denke ich die einzige möglichkeit

Code: 
<table width="100%" height="100%"  border="0">
  <tr>
    <th background="Dein Bild" scope="row">&nbsp;</th>
  </tr>
</table>
 
Ne, das war auch nicht was ich gebraucht habe.

ABER: Ich hab's jetzt hinbekommen (mit hängen und würgen) unter verwendung von Javascript.

Für die, die's interessiert:
Code: 
<td class="tst_u" style="width:80%;" colspan=2 >
    <img src="./pics/Anmeldung_Panorama.jpg" onload="this.style.width=screen.width/5*4" height=100%  >
 
   </td>

wobei das /5*4 die 80% der Zeilenbreite widerspiegelt.

Aber vielleicht gibt es trotzdem eine Lösung ohne Javascript?
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben