Jump to content
  • 0

[gelöst] PDF tabellen background image


gulix

Question

Hallo,

 

irgendwie bekomme ich nicht eine background Grafik in einer tabelle zum generienen des pdf Lieferscheins dargestellt... was ich nicht ganz nachvollziehen kann. Wenn ich die Grafik in einer Zeile der Tabelle darstellen möchte klappt es... wenn ich die gleich Grafik in der gleichen Tabelle als background-image definiere wird diese nicht angezeigt. Gebe ich bei der tabelle eine background-color an, dann wird die Farbe dargestellt.

 

So wird zwar in der Tabellen zeile die Grafik angezeigt... aber als Hintergrund in der Tabelle nicht.


<table width="80%" cellpadding="4" cellspacing="0" style="background-img: url('../img/bg_key_01.png');">
                <tr>
                    <td style="width: 100%;"><img src="../img/bg_key_01.png"></td>
                </tr>

So wird der Hintergrund in der angezeigt.

<table width="80%" cellpadding="4" cellspacing="0" style="background-color: #24a051;">
                <tr>
                    <td style="width: 100%;">test-test...</td>
                </tr>

Hat jemand einen Tipp, wo hier mein Denkfehler liegt oder...???

Edited by gulix (see edit history)
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Moin Rainer,

 

vielen Dank...

 

Damit hatte ich es auch schon versucht... auch schon mit dem vollem Pfad und auch der URL...

 

Das scheint doch etwas komplizierter zu sein, oder???

 

Beste sonnige Grüße und ein schönes Wochenende Ralf

Link to comment
Share on other sites

  • 0

Hallo,

 

irgendwie bekomme ich nicht eine background Grafik in einer tabelle zum generienen des pdf Lieferscheins dargestellt... was ich nicht ganz nachvollziehen kann. Wenn ich die Grafik in einer Zeile der Tabelle darstellen möchte klappt es... wenn ich die gleich Grafik in der gleichen Tabelle als background-image definiere wird diese nicht angezeigt. Gebe ich bei der tabelle eine background-color an, dann wird die Farbe dargestellt.

 

So wird zwar in der Tabellen zeile die Grafik angezeigt... aber als Hintergrund in der Tabelle nicht.


<table width="80%" cellpadding="4" cellspacing="0" style="background-img: url('../img/bg_key_01.png');">
                <tr>
                    <td style="width: 100%;"><img src="../img/bg_key_01.png"></td>
                </tr>

So wird der Hintergrund in der angezeigt.

<table width="80%" cellpadding="4" cellspacing="0" style="background-color: #24a051;">
                <tr>
                    <td style="width: 100%;">test-test...</td>
                </tr>

Hat jemand einen Tipp, wo hier mein Denkfehler liegt oder...???

 

 

 

"td" kann kein background-image darstellen, solange du keine Containergröße bestimmt hast!

 

Um einigermassen w3c konform zu arbeiten legst du in einer css Datei (z.B. global.css) soetwas an wie

 

.gulix {

    width:267px;

    height:300px;

    background-image: url('https://www.gulix.de/wp-content/uploads/2014/07/ralf_1002_1-267x300.jpg');

    background-repeat:no-repeat;background-size:267px 300px;

    border: 1px solid black;

}

 

Der Aufruf im html (z.B.in einer cms Seite) erfolgt dann so:

 

<body>

Testabelle

<table>

<tr>

     <td class="gulix"></td>

</tr>

</table>

</body>

 

Das Ergebnis sähe dann so aus (im Demoshop):

http://quintilius-varus.de/de/content/4-uber-uns

 

Grüsse

Whiley

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...