nicht angemeldet
Grafikanzeige, verschiedne Browser usw.
Hallo zusammen,
ich habe nun endlich meine HP fertiggestellt und nun ein ziemlich nerviges Problem.
Ich verwende zahlreiche JPG Grafiken auf der Seite, jedoch werden diese nicht auf allen Systemen angezeigt.
Es funktioniert auf nem WinXP SP2 System und dem IE ohne Probleme alles wird korrekt, wie es soll dargestellt.
Gleiches System, jedoch Firefox 1.0. Die Bilder werden nur als Platzhalter dargestellt und deren Positionierung ist nicht mehr korrekt.
Win 98 ohne Updates Bilder werden nicht angezeigt aber erkannt d.h. es wird versucht sie zu laden was jedoch nicht beendet wird.
Win 98 mit Updates die Bilder werden angezeigt.
Ich hatte jedoch auch schon ein XP Home System bei welchem die Bilder nicht angezeigt werden.
Inzwischen bin ich schon beinahe vor dem verzweifeln, da ich nicht weiß woran es liegen könnte.
Hier ist erstmal die URL der Seite: http://www.ukraine-support.com
lustigerweise werden die Bilder, wenn ich die HP lokal öffne auch beim Firefox angezeigt.
Ich nutze CSS um viele Sachen festzulegen:
a.menu { display:block; text-align:center; width:100px; border-style:ridge; border-width:2px; border-color:#0D4A8D; text-decoration:none; font-family:arial; font-weight:bold; font-size:xx-small; padding: 5px, 10px; }
a.menu:link { color:#0D4A8D; background-color:#FFEC01; border-color:#0D4A8D; }
a.menu:visited { color:#0D4A8D; background-color:#FFEC01; border-color:#0D4A8D; }
a.menu:hover { color:#FFEC01; background-color:#0050A0; border-color:#FFEC01; }
a.menu:active { color:#FFEC01; background-color:#0D4A8D; border-color:#FFEC01; }
a.menu2 {display:block; text-align:center; width:65px; border-style:ridge; border-width:2px; border-color:#0D4A8D; text-decoration:none; font-family:arial; font-size:xx-small; font-weight:bold; padding: 3px 5px; }
a.menu2:link { color:#0D4A8D; background-color:#FFEC01; border-color:#0D4A8D; }
a.menu2:visited { color:#0D4A8D; background-color:#FFEC01; border-color:#0D4A8D; }
a.menu2:hover { color:#FFEC01; background-color:#0050A0; border-color:#FFEC01; }
a.menu2:active { color:#FFEC01; background-color:#0D4A8D; border-color:#FFEC01; }
body { margin:0 0 0 0; color:#0D4A8D; background:#FFFFFF; padding:0px; height:100%; font-family:arial; }
select { background-color:#FFEC01; color:#0D4A8D; font-family:arial; font-weight:bold; }
a { font-size:small; color:#003080; background:transparent; text-decoration:underline; }
a:visited { color:#000000; background:transparent; }
a:hover, a:active, a:focus { color:#FFFFFF; background:transparent; }
#rand { border-width:1px; padding:5px 10px; border-style:solid; border-color:#0D4A8D; }
#rand1 { border-width:1px; padding:5px 10px; border-style:solid; border-color:#0D4A8D; border-right-style:none; }
#rand2 { border-width:1px; padding:5px 10px; border-style:solid; border-color:#0D4A8D; border-left-style:none; }
Die Bilder sind in einem extra Verzeichnis untergebracht.
Ich hoffe ich habe mein Problem nicht zu umständlich dargelegt und würde mich über jegliche Hilfe sehr freuen.
Danke
-
Hi,
Deine Bilder haben Sonderzeichen im Namen, z.B. "bilder%5Caktivitaeten.jpg". Ich hab mir angewöhnt, Dateinamen nur in kleinschreibweise und ohne Leer- und Sonderzeichen zu vergeben.
-
Moin!
dieses Sonderzeichen ist ein \ (Backslash).
tschüssi
ichen-
Moin!
dieses Sonderzeichen ist ein \ (Backslash).Danke!
-
-
-
Moin!
veredne bei den Bildpfaden statt \ (Backslash) den / (Schrägstrich). Dann wird es wohl auch funktionieren.
tschüssi
ichen -
Hi,
Ich nutze CSS um viele Sachen festzulegen:
[...]anstatt soviel irrelevanten Code zu posten, solltest Du Dir im Firefox einmal die Webdeveloper Toolbar installieren. Ein Klick auf find broken images zeigt Dir dann die Ursache:
"Broken Images - http://www.ukraine-support.com/
http://www.ukraine-support.com/http://www.ukraine-support.com/bilder%5Cuslogo.jpg
http://www.ukraine-support.com/bilder%5Chome.jpg"freundliche Grüße
Ingo-
Moin!
so kam ich auf die lösung. hier noch der link zur toobar:
Web Developer - Firefox Extension
tschüssi
ichen
-