Bilder werden nur offline angezeigt

Status
Nicht offen für weitere Antworten.

GrannySmith

Mitglied
Also ich hab eine Homepage erstellt (für meinen Clan) und einige (sehr essentielle Blder die z.B. den Hintergrund des Menüs ergeben) werden nicht angezeigt .
Offline geht die ganze Geschichte sehr gut, seltsamerweise nicht wenn ein Kumpel die ganze Seite bei sich selber anschaut (auch offline). Wenn ich die Seite auf meinen Webspace lade, dann geht da auch nichts .
Ich hab jetzt die Pfade und auch die Kleingroßschreibung der Dateiendungen überprüft, doch da war nichts zu machen.
Hier mal ein Teil des Codes wo was nicht stimmt. Ach ja meine html Dateien sind im Ordner "page" in diesem Ordner befindet sich wiederum ein Ordner mit den Bildern drinnen, klarerweise heißt dieser "bilder".
HTML:
<tr>
        <td style="width:36px; height:37px; background-image:url(bilder/linksoben.gif)">
	</td>
	<td style="background-image:url(bilder/oben.gif)">
	</td>
	<td style="width:36px; height:36px; background-image:url(bilder/rechtsoben.gif)">
	</td>
</tr>

Hier ein Link wie meine Seite aussehen sollte: so solls sein
und so schaut die Seite mit den Fehlern aus: so solls nicht sein

Mit IE Sieht man wenigstens den Hintergrund und den Banner oben unter Mozilla praktisch keine Grafiken.
Ich habe gestern fünf Stunden damit verbracht meinen Fehler zu finden und bin nun wirklich am Rande der Verzweiflung.

PS: Meine Katze stört sehr beim schreiben
 
Zuletzt bearbeitet:
Ich binde Hintergrundbilder immer mit folgender Syntax ein:
Code:
background-image:url('./bilder/oben.gif');
Wenn die Bilder da sind und der Pfad passt, hat das bisher immer funktioniert.
Ich bin mir jetzt auch nicht sicher, welche der Varianten nun am ehesten CSS-Konform ist, aber ich meine, die Hochkommata sind zwingend.
 
Geht leider nicht. Außerdem ist mir gerade aufgefallen dass im offline Modus nur mit Mozilla die Seite richtig dargestellt wird mit IE nicht?
 
CSSmäßig siehts so aus
background-image:url(unterverzeichnis/bilddatei.jpg);

HTMLmäßig nach dem Muster (absolut)
<img src="http://www.meineseite.de/unterverzeichnis/bilddatei.jpg" width="xxx" height="xxx" />
 
Ich probiers dann morgen, kann mich aber nicht erinnern, dass man beim letze css Befehl auch noch ein Semikolon braucht.


EDIT: So ich habe es nun ausprobiert in allen möglichen Variationen. Mit Semikolon und ohne, mit "./" vor "bilder" und ohne und durchgemischt und alles überhaupt.
Ich weiß nun nicht mehr weiter.
Ich weiß, dass es viel verlangt ist und es sich hier auch nicht so gehört, doch könnte Jemand so nett sein und mir eine kleine Tabelle schreiben mit 3x3 mal Zellen basteln. In Ecken sollte ein Hintergrundbild sein mit dem Namen der jeweiligen Ecke, also: "linksoben.jpg" u.s.w. und am Rand immer "links.jpg" und in der Mitte ein unsinniger Inhalt.
Ich weiß einfach nicht warum es nicht geht und finde meinen Fehler auch nicht.
 
Zuletzt bearbeitet:
Hi,

du schliesst deinen HEAD-Tag nirgends. Stattdessen schreibst du ein zweites mal <head>, soll
sicherlich </head> heissen.

Ausserdem schreibst du
HTML:
<span style="font-family:Adventure Subtitles; font-size: 24pt">Welcome on <br><br><h3>WWW.ABC-GAMING.COM</h3></span>
SPAN ist ein sogenanntes inline-Element, h3 ein Blockelement. Es darf jedoch kein Blockelement
in einem inline-Element vorkommen.

Also besser so schreiben:
HTML:
<div style="font-family:Adventure Subtitles; font-size: 24pt">Welcome on <br><br><h3>WWW.ABC-GAMING.COM</h3></div>

Mit diesen Änderungen funktioniert es bei mir.

Ciao
Quaese
 
Funktioniert leider trotzdem nicht.
Bei dir werden dann die Hintergrundgrafiken alle korrekt angezeigt?
Glaub ich kaum.
Ich geb hier mal die gesamte Homepage zum Download her, weiß nicht ob das was bringt.
Keine Angst ZIP ist nur 337 kb groß und liegt auf meinem Webspace :
Download

Ich verzweifle immer mehr!
 
Status
Nicht offen für weitere Antworten.
Zurück