nicht angemeldet
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