Background wird nicht angezeigt

[Bernd]

Hallo

ich habe eine Tabelle mit 3 Zellen nebeneinander.
In allen 3 Zellen ist ein background gesetzt <td backround="bingbong.gif>.

Die linke und die rechte Zelle haben einen "spacer", ein transparentes gif-Bild als Inhalt, die mittlere Zelle wird mit Inhalten aus einer Datenbank gefüllt.

In jedem Browser werden alle Backgrounds angezeigt, außer im Internet Explorer, dort werden die mittleren Zellen nicht mit einem Background versehen.

Mit Datenbankinhgalten sind Überschriften von Nachrichten gemeint, die als Link gesetzt sind. Gehe ich mit der Maus drüber wird schonmal ein Teil des Hintergrunds angezeigt, klicke ich einen link an, oder besuche ich die Seite eine 2. mal dann werden die Hintergründe auch im IE dargestellt. Starte ich den Browser neu und besuche die Seite nochmal, dann wird der mittlere Hintergrund wieder nicht angezeigt
Was geht da vor, sogar der Netscape 4.7 zeigt alle Hintergründe.

Kann leider auch nichts zeigen, da noch kein Webspace vorhanden.

mfg

Bernd

[Otto]

Hi,
schau die das mal genau an und vergleiche es mit SelHTML dann wirst du schon sehen warum das nicht geht.

<td backround="bingbong.gif>

[Bernd]

Hi,
schau die das mal genau an und vergleiche es mit SelHTML dann wirst du schon sehen warum das nicht geht.

<td backround="bingbong.gif>

Ja ok sind Schreibfehler. Die sind aber nicht in meinem Quellcode.

mfg

Bernd

[Jan Ohlik]

<td backround="bingbong.gif>

Das ist schlechter Stil, da Du mit HTML versuchts die Seite optisch zu beeinflussen. Dafür aber ist CSS gedacht. Außerdem fehlt ein g nach back. Versuche es mal mit CSS, also <td style="background-img:url(bingbong.gif);">

Statt GIF-Bildern solltest Du Dir zudem einen Umstieg zu PNG-Bildern überlegen, da PNG viele Vorteile, aber keine Nachteile gegenüber GIF hat.

Jan

[Axel Richter]

Hallo,

Statt GIF-Bildern solltest Du Dir zudem einen Umstieg zu PNG-Bildern überlegen, da PNG viele Vorteile, aber keine Nachteile gegenüber GIF hat.

Doch, zumindest einen. Man muss vorhandene GIF-Images in PNG umwandeln. Das erfordert Arbeitsaufwand. Solange PNG nicht zwingend für die Funktion der Bilder notwendig ist, kann das ein Grund für das Weiterverwenden von GIF sein.

viele Grüße

Axel

[Jan]

Das ist richtig. Ersetzen würde ich Bilder nicht. Aber, wenn ich neue anlege, dann nur als PNG.

Jan

[at]

Hallo.

Doch, zumindest einen. Man muss vorhandene GIF-Images in PNG umwandeln. Das erfordert Arbeitsaufwand. Solange PNG nicht zwingend für die Funktion der Bilder notwendig ist, kann das ein Grund für das Weiterverwenden von GIF sein.

Und noch einen: Für Animationen ist PNG nicht einsetzbar.
MfG, at

[Bernd]

Versuche es mal mit CSS, also <td style="background-img:url(bingbong.gif);">

Das geht gar nicht, war das erste was ich versucht habe. Funktioniert weder im IE noch im Netscape 4.7.

Statt GIF-Bildern solltest Du Dir zudem einen Umstieg zu PNG-Bildern überlegen, da PNG viele Vorteile, aber keine Nachteile gegenüber GIF hat.

Sie haben den Nachteil, das sie eine größere Dateigröße haben.

mfg

Bernd

[Jan]

Versuche es mal mit CSS, also <td style="background-img:url(bingbong.gif);">

Das geht gar nicht, war das erste was ich versucht habe. Funktioniert weder im IE noch im Netscape 4.7.

Dann hast Du etwas falsch gemacht. Selbst der NN4.x beherrscht das schon. Aber den Browser benutzt zum Glück eh keiner mehr.

[... PNG] haben den Nachteil, das sie eine größere Dateigröße haben.

Im Gegenteil! Wenn Du PNGs erstellst, die Du auf genausoviele Farben beschränkst wie GIFs, dann sind sie dank verbessertem Algorithmus sogar kleiner. Wenn Du natürlich ein 256-Farben-GIF mit einem Echtfarb-PNG vergleichst ist PNG natürlich größer (Äpfel-Birnen-Vergleich).

Jan

[Jan]

Dazu fällt mir ein Vergleich ein: Ferrari ist schlechter als Golf, weil der Ferrari mehr verbraucht, wenn man damit 300 km/h fährt.

[Bernd]

Hallo,

Dazu fällt mir ein Vergleich ein: Ferrari ist schlechter als Golf, weil der Ferrari mehr verbraucht, wenn man damit 300 km/h fährt.

Wozu soll ich ein png als Platzhalter nehmen? Das ist Quatsch, da die Datei größer ist.
Das ist zwar Haarspalterei in diesem Größenbereich, aber was solls.
1x1 Pixel großes GIF mit 256 Farben hat 43 Bytes ein
1x1 Pixel großes PNG mit 256 Farben hat dagegen 140 Bytes

mfg

Bernd

[Jan]

Für ein 1x1-Pixel-Bild reicht eine Farbe vollkommen aus :-)

[Bernd]

Hallo,

Dann hast Du etwas falsch gemacht. Selbst der NN4.x beherrscht das schon. Aber den Browser benutzt zum Glück eh keiner mehr.

Nein das habe ich nicht zum ersten mal probiert. Das funktioniert so nicht. Außerdem ist bei SelfHTML mit NS 4.0 die Browsergeneration 4 von Netscape gemeint glaube ich und das ist ab der Version 6.0. Also funkioniert es auf keinen Fall mit dem NS 4.7.

Im Gegenteil! Wenn Du PNGs erstellst, die Du auf genausoviele Farben beschränkst wie GIFs, dann sind sie dank verbessertem Algorithmus sogar kleiner. Wenn Du natürlich ein 256-Farben-GIF mit einem Echtfarb-PNG vergleichst ist PNG natürlich größer (Äpfel-Birnen-Vergleich).

Ich vergleiche ein 256 Farben gif mit einem PNG-8 also 256 Farben.

Png ist fast doppeltsogroß.

mfg

Bernd

[Jan]

Ich vergleiche ein 256 Farben gif mit einem PNG-8 also 256 Farben.

Png ist fast doppeltsogroß.

Du musst alle Eigenschaften gleich setzen: Kein Datum speichern, Gammakorrektur raus, Alphakanal raus, etc. Bedenke, dass PNG viel mehr Funktionen bietet als GIF. Jede Funktion benötigt mehr Speicher. Außerdem beherrschen manche Grafikprogramme keine Speicherung von PNG-Palettenbildern. Vielleicht hast Du eins erwischt. Und ja: In Ausnahmen kann PNG auch mal größer sein. Im Mittel speichert es kompakter. Das ist dank Algorithmus quasi bewiesen!

[Bernd]

Hallo,

Außerdem beherrschen manche Grafikprogramme keine Speicherung von PNG-Palettenbildern. Vielleicht hast Du eins erwischt.

Habe Photoshop 6.0

Ist ja auch egal, solange ich kein PNG brauche nutze ich dies auch nicht, zumal es in manchen Browsern noch Probleme mit der Darstellung von transparenten Bereichen in PNG Bildern gibt.

Zurück zum Thema:

Kann es vielleicht sein, das der IE nicht mit unbestimmten Inhalten, also Variablen in Zellen Probleme hat und deshalb den Hintergrund nicht anzeigt?

mfg

[at]

Hallo.

Ist ja auch egal, solange ich kein PNG brauche nutze ich dies auch nicht, zumal es in manchen Browsern noch Probleme mit der Darstellung von transparenten Bereichen in PNG Bildern gibt.

Was GIF bezüglich Transparenz bieten kann, bereitet auch bei PNG keinem relevanten grafikfähigen Browser Schwierigkeiten.
MfG, at

[Axel Richter]

Hallo,

Du musst alle Eigenschaften gleich setzen: Kein Datum speichern, Gammakorrektur raus, Alphakanal raus, etc. Bedenke, dass PNG viel mehr Funktionen bietet als GIF. Jede Funktion benötigt mehr Speicher. Außerdem beherrschen manche Grafikprogramme keine Speicherung von PNG-Palettenbildern. Vielleicht hast Du eins erwischt. Und ja: In Ausnahmen kann PNG auch mal größer sein. Im Mittel speichert es kompakter. Das ist dank Algorithmus quasi bewiesen!

*g*
Also Ihr PNG-Verfechter seid schon lustig. Um mal bei Deinen bildhaften Vergleichen zu bleiben:

A: Wenn ich ausrechnen möchte, wieviel 3 Äpfel kosten, wenn 1 Apfel 50 Cent kostet, nehme ich bisher immer meinen einfachen Taschenrechner. Könnt Ihr was besseres empfehlen?
B: Ja, nimm lieber einen PC.
A: Hm, wenn ich da auf der Tastatur eintippe: 3 * 0,50 =, dann passiert aber gar nichts.
B: Ja, da musst Du auch zuerst eine Anwendung starten, die eine Berechnung durchführen kann. Dann hast Du aber viel mehr Möglichkeiten als mit dem Taschenrechner.
A: Ah, Ja.

viele Grüße ;-))

Axel

[Detlef G.]

Hallo Jan,

ich mische mich mal hier in die Diskussion ein.
Mir persönlich ist es egel, in welchem Format meine Grafik eingebunden wird, ob als JPG, PNG oder GIF.
Ich entscheide als erstes, ob die Grafik besser als JPG oder als PNG-8/GIF gespeichert werden sollte.
Die Entscheidung zwischen PNG-8 oder GIF fällt, nachdem ich Farbpalette, Transparenz usw. festgelegt habe. Die Grafiken haben dann in beiden Formaten eine identische Qualität. Die kleinere Dateigröße gewinnt, wobei dieser Vergleich nur wenige Sekunden benötigt.

MFG
Detlef

[MudGuard]

Hi,

Versuche es mal mit CSS, also <td style="background-img:url(bingbong.gif);">

Was soll er jetzt machen? Es mit CSS versuchen oder mit dem, was Du angegeben hast?

"background-image:url(bingbong.gif);" wäre CSS.
"background-img:url(bingbong.gif);" wie von Dir angegeben ist _kein_ CSS.

cu,
Andreas

[Axel Richter]

Hallo,

In jedem Browser werden alle Backgrounds angezeigt, außer im Internet Explorer, dort werden die mittleren Zellen nicht mit einem Background versehen.
Mit Datenbankinhgalten sind Überschriften von Nachrichten gemeint, die als Link gesetzt sind. Gehe ich mit der Maus drüber wird schonmal ein Teil des Hintergrunds angezeigt, klicke ich einen link an, oder besuche ich die Seite eine 2. mal dann werden die Hintergründe auch im IE dargestellt. Starte ich den Browser neu und besuche die Seite nochmal, dann wird der mittlere Hintergrund wieder nicht angezeigt

Bitte poste mal den HTML-Quellcode einer Tabellenzeile mit den drei Zellen, so wie er im IE falsch angezeigt wird. Zeige uns auch eventuelle Formatierungen für Links mit CSS, also CSS: a {} a:link {} a:hover {} a:visied {}, wenn es sowas gibt.

viele Grüße

Axel

[Bernd]

Hallo

hier der Quellcode:

<td background='img/date_left.gif' width='6' height='20'><img src='img/spacer.gif' height='1' hspace='0' vspace='0' alt='spacer'></td><td background='img/date_middle.gif'><a href='main.php?ID=aktuelles&sub_ID=news&news_id=$news_id' onfocus='if(this.blur)this.blur()' title='$news_head' class='link_12'> $news_tag. $news_monat $news_jahr</a></td><td background='img/date_right.gif' width='6'><img src='img/spacer.gif' height='1' hspace='0' vspace='0' alt='spacer'></td>

mfg

Bernd

[Axel Richter]

Hallo,

hier der Quellcode:

<td background='img/date_left.gif' width='6' height='20'><img src='img/spacer.gif' height='1' hspace='0' vspace='0' alt='spacer'></td><td background='img/date_middle.gif'><a href='main.php?ID=aktuelles&sub_ID=news&news_id=$news_id' onfocus='if(this.blur)this.blur()' title='$news_head' class='link_12'> $news_tag. $news_monat $news_jahr</a></td><td background='img/date_right.gif' width='6'><img src='img/spacer.gif' height='1' hspace='0' vspace='0' alt='spacer'></td>

Hm, also ich kann hier erstmal nichts finden, was die beschriebenen Fehler hervorbringen könnte. Eventuell im CSS für die Klasse link_12? Wenn da für den Background des A-Elements z.B. eine Hintergrundfarbe definiert ist, die _nur_ der IE anzeigt...

viele Grüße

Axel

[Bernd]

Hallo,

Hm, also ich kann hier erstmal nichts finden, was die beschriebenen Fehler hervorbringen könnte. Eventuell im CSS für die Klasse link_12? Wenn da für den Background des A-Elements z.B. eine Hintergrundfarbe definiert ist, die _nur_ der IE anzeigt...

Also der link hat in der css datei keine backgroundcolor

mfg

Bernd

[Detlef G.]

Hallo Bernd

hier der Quellcode:

<td background='img/date_left.gif' width='6' height='20'><img src='img/spacer.gif' height='1' hspace='0' vspace='0' alt='spacer'></td><td background='img/date_middle.gif'><a href='main.php?ID=aktuelles&sub_ID=news&news_id=$news_id' onfocus='if(this.blur)this.blur()' title='$news_head' class='link_12'> $news_tag. $news_monat $news_jahr</a></td><td background='img/date_right.gif' width='6'><img src='img/spacer.gif' height='1' hspace='0' vspace='0' alt='spacer'></td>

eher Chaos!
Bitte Quellcode sinnvoll strukturieren, damit man da durchblickt!

Also ich habe dein Chaos in eine leere Tabelle eingefügt, bei mir vorhanden Grafik-URL eingetragen - IE 6.0 Win98 zeigt die Tabelle mit Hintergrund an.

Wie sieht der Code aus, den der Browser bekammt?
Rufe die Seite bitte im Browser auf, gehe auf Ansicht-Quelltext und kopiere dann den entsprechenden Teil des Quelltextes.

MFG
Detlef

[Bernd]

Hallo,

Wie sieht der Code aus, den der Browser bekammt?
Rufe die Seite bitte im Browser auf, gehe auf Ansicht-Quelltext und kopiere dann den entsprechenden Teil des Quelltextes.

hast ja Recht. Hier der Code etwas strukturierter.

<td background='img/date_left.gif' width='6' height='20'><img src='img/spacer.gif' height='1' hspace='0' vspace='0' alt='spacer'></td>

<td background='img/date_middle.gif'><a href='main.php?ID=aktuelles&sub_ID=news&news_id=25' onfocus='if(this.blur)this.blur()' title='EU lehnt blablabla' class='link_12'> 12. Dezember 2003</a></td>

<td background='img/date_right.gif' width='6'><img src='img/spacer.gif' height='1' hspace='0' vspace='0' alt='spacer'></td>

mfg

Bernd

[MudGuard]

Hi,

<td background='img/date_left.gif' width='6' height='20'><img src='img/spacer.gif' height='1' hspace='0' vspace='0' alt='spacer'></td>

Hintergrundbilder sollten m.E. per CSS eingebunden werden, nicht per background-Attribut.
Für spacer-gifs, wenn sie denn verwendet werden, sollte ein leeres Alt-Attribut angeben werden.
Denn im Textbrowser soll ja nichts zu sehen sein davon.

<td background='img/date_middle.gif'><a href='main.php?ID=aktuelles&sub_ID=news&news_id=25' onfocus='if(this.blur)this.blur()' title='EU lehnt blablabla' class='link_12'> 12. Dezember 2003</a></td>

1. background-Attribut: s.o.
2. die & müssen als & geschrieben werden
3. mit dem blur-Kram machst Du Tastatur-Navigation unmöglich.
4. class: da Unterstriche in class-Names erst in den Errata zugelassen wurden, sollte ma sie vermeiden.
5. Anstelle des nonbreaking-spaces würde ich padding-left benutzen.

<td background='img/date_right.gif' width='6'><img src='img/spacer.gif' height='1' hspace='0' vspace='0' alt='spacer'></td>

s.o.

Eine Ursache für das Fehlverhalten kann ich hier nicht entdecken. Ist der Code vorher/nachher korrekt?

cu,
Andreas

[Bernd]

Hallo

Eine Ursache für das Fehlverhalten kann ich hier nicht entdecken. Ist der Code vorher/nachher korrekt?

Der code ist korrekt.

Was mir aufgefallen ist, das wenn ich aus dem a-tag ein font-tag mache, dann wird der Hintergrund angezeigt. Aber ich kann in dem CSS-Teil keine Fehler finden, oder einen definierten Hintergrund oder sowas.
Komisch, hier mal der dazugehörige cssteil:

a:link {font-family:Arial,Verdana; text-decoration:none; color:#262626; font-size:11px; }
a:visited {font-family:Arial,Verdana; text-decoration:none;color:#262626; font-size:11px;  }
a:hover {font-family:Arial,Verdana; text-decoration:none; color:#000000; font-size:11px; }
a:active {font-family:Arial,Verdana; text-decoration:none; color:#000000; font-size:11px; }

mfg

Bernd

[Detlef G.]

Hallo Bernd,

ist das wirklich genau der Code, den der Browser bekommt und mit dem es nicht funktioniert?

Mit welchen Browser genau funktioniert es nicht?
Wie ich schon in meinem letzten Posting geschrieben zeigt mein IE alle drei Hintegrundbilder an.

Kannst du die Seite mal testweise online stellen?
Vielleicht liegt die eigentliche Ursache nicht in diesem Codefragment, sondern ganz woanders.

MFG
Detlef

[Bernd]

Hallo,

ist das wirklich genau der Code, den der Browser bekommt und mit dem es nicht funktioniert?

Den Quellcode habe ich mit copy und paste hier "reingeladen" , also das bekomme ich raus.

mfg

Bernd

[Detlef G.]

Hallo Bernd,

du machst es einem wirklich schwer, dir zu helfen.

Du schriebst

... , außer im Internet Explorer, ...

Es gibt nicht _den_ IE, sondern viele Versionen und verschiedene Betriebssysteme.
Deshalb schrieb ich:

...  IE 6.0 Win98 zeigt die Tabelle mit Hintergrund an.

und

Mit welchem Browser genau funktioniert es nicht?

Außerdem fragte ich noch,

Kannst du die Seite mal testweise online stellen?
Vielleicht liegt die eigentliche Ursache nicht in diesem Codefragment, sondern ganz woanders.

Warum antwortest du nur auf die erste Frage meines letzten Postings?

An dem Stückchen Quelltext ist kein Fehler zu entdecken, und mein IE zeigt das richtig an.
Bleibt als Fehlerursache entweder eine Macke genau _deines_ Browsers, oder aber irgendetwas Anderes im HTML oder CSS löst dieses Fehlverhalten aus.
Um dies eventuell nachvollziehen zu können, ist es nötig zu wissen, genau welche IE-Version, unter welchem OS den Fehler macht _und_, wie der Rest der Seite und das CSS aussieht.

Mir kommt noch ein Gedanke, wie groß ist eigentlich 'img/date_middle.gif'?

MFG
Detlef

[at]

Hallo.

du machst es einem wirklich schwer, dir zu helfen.

[...]

Außerdem fragte ich noch,

Kannst du die Seite mal testweise online stellen?
Vielleicht liegt die eigentliche Ursache nicht in diesem Codefragment, sondern ganz woanders.

Warum antwortest du nur auf die erste Frage meines letzten Postings?

Wie du dem letzten Satz von [http://forum.de.selfhtml.org/?t=67867&m=388616] entnehmen kannst, ist dies entweder nicht oder nur mitttels weiterer Methoden möglich, die dem Fragesteller nicht zur Verfügung stehen oder unbekannt sind.
MfG, at

[at]

Hallo.
[pref:t=67867&m=388616] natürlich.
MfG, at

[Detlef G.]

Hallo Bernd,
hallo at

Wie du dem letzten Satz von [http://forum.de.selfhtml.org/?t=67867&m=388616] entnehmen kannst, ist dies entweder nicht oder nur mitttels weiterer Methoden möglich, die dem Fragesteller nicht zur Verfügung stehen oder unbekannt sind.

Entschuldigung, dass hatte ich übersehen.

Es ändert nichts an dem Rest meines Postings.
Auf meine diesbezügliche Frage hätte leicht ein kurzer Hinweis auf das Ausgangsposting erfolgen können.

MFG
Detlef

[at]

Hallo.

Entschuldigung, dass hatte ich übersehen.

Kein Problem, ich war etwas irritiert, da ich mich deutlich erinnern konnte, die Seiten gesehen zu haben.

Es ändert nichts an dem Rest meines Postings.

Nein, natürlich nicht. Ich wollte deinen Beitrag auch nicht kritisieren.
MfG, at

[Detlef G.]

Hallo at

Kein Problem, ich war etwas irritiert, da ich mich deutlich erinnern konnte, die Seiten gesehen zu haben.

Jetzt bin ich aber irritiert, in [pref:t=67867&m=388616] stand:

Kann leider auch nichts zeigen, da noch kein Webspace vorhanden.

Ich hatte beide Versionen seines Quelltextes in meine Testzeiten eingefügt, musste natürlich die Grafik-URL gegen Hintergründe von mir tauschen und konnte beim besten Willen kein Anzeigeproblem feststellen.

MFG
Detlef

[at]

Hallo.

Jetzt bin ich aber irritiert,

Glaube ich gern, ich hatte mich im Thread geirrt, sorry. Ich wähnte mich wahrscheinlich in [pref:t=67898&m=388927] ff.
MfG, at