png und jpeg werden nicht immer angezeigt

  • Hallo alle zusammen, ich bin neu hier. Ich bin gerade dabei für eine Schule eine Hompage zu erstellen (<!-- m --><a class="postlink" href="http://www.schulserver.hessen.de/frankfurt/karl-oppermann/index.htm">http://www.schulserver.hessen.de/frankf ... /index.htm</a><!-- m -->). Ich habe bis jetzt ausschließlich mit Dreamweaver MX 2004 gearbeitet. Die Buttons sind mir Fireworks erstellte png Dateien. Aber auch ein paar jpegs habe ich schon eingefügt. Nun habe ich folgendes Problem: Unter Netscape und Firefox wird alles korrekt dargestellt. Aber unter Internetexplorer und Opera werden manche Buttons (png) und jpegs nur als rotes kreuz mit Alternativtext dargestellt. Obwohl der Test in Dreamweaver mit dem Internetexplorer keine Fehler angezeigt hat. Langsam werde ich wahnsinnig und mir gehen die Ideen aus, was ich noch ausprobieren könnte. Mich irritiert, dass es png und jpeg betrifft und nicht nur png (aber jeweils nur manche), wie man oft lesen kann.
    Bitte bitte bitte helft mir!!!
    Hier ist mal der Quellcode einer Seite, auf der die meisten Fehler vorkommen (auf der Seite <!-- m --><a class="postlink" href="http://www.schulserver.hessen.de/frankfurt/karl-oppermann/index.htm">http://www.schulserver.hessen.de/frankf ... /index.htm</a><!-- m --> die Rubrik: Schulleben). Vielen Dank schon einmal im voraus.
    :roll:



    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Oppermann Index 1.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Unbenanntes Dokument</title>
    <!-- InstanceEndEditable -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <!-- InstanceBeginEditable name="head" -->
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }


    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }


    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    <style type="text/css">
    <!--
    .Stil2 {font-size: 24px}
    .Stil3 {font-size: 40px}
    a:link {
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
    text-decoration: none;
    }
    a:active {
    text-decoration: none;
    }
    -->
    </style><!-- InstanceEndEditable -->
    <style type="text/css">
    <!--
    body,td,th {
    font-family: Times New Roman, Times, serif;
    font-size: 12px;
    color: #FFFFFF;
    }
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    .Stil1 {
    font-size: 18px;
    color: #666666;
    }
    -->
    </style>
    <script language="JavaScript" type="text/JavaScript">
    <!--




    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    //-->
    </script>
    </head>


    <body onload="MM_preloadImages('Bilder/Button%20Home%20rot.png','Bilder/Button%20Schulprofil%20rot.png','Bilder/Button%20BFZ%20rot.png','Bilder/Button%20F&ouml;rderverein%20rot.png','Bilder/Button%20Schulleben%20rot.png','/frankfurt/karl-oppermann/index.htm/Bilder/Button Reiten rot aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20AG%20rot%20aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Sport%20rot%20aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Reiten%20rot%20aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Schwimmen%20rot%20aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Schwimmlehrgang%20rot%20aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Verkehrserziehung%20rot%20aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Kunst%20rot%20aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Arbeitslehre%20rot%20aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Projekte%20rot%20aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Logop&auml;die%20rot%20aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Psychomotorik%20rot%20aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Feste%20rot%20aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Karl%20Oppermann%20rot.png','Bilder/Button%20Bilder%20rot.png','Bilder/Button%20Downloads%20rot.png','Bilder/Button%20Kontakt%20rot.png','Bilder/Button%20Impressum%20rot.png')">


    <table width="1024" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
    <td width="250" height="108" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
    <!--DWLayoutTable-->
    <tr>
    <td width="250" height="108" valign="top"><div align="center"><br />
    <br />
    </div> <div align="center"><strong><span class="Stil1"><br />
    </span></strong><span class="Stil1">Karl Oppermann Schule</span> </div></td>
    </tr>
    </table></td>
    <td width="774" valign="top"><!-- InstanceBeginEditable name="Ueberschrift" -->
    <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
    <!--DWLayoutTable-->
    <tr>
    <td width="774" height="108" valign="top"><p align="center">&nbsp;</p>
    <p align="center"><strong><span class="Stil2">Schulleben</span></strong></p>
    <p>&nbsp;</p> </td>
    </tr>
    </table>
    <!-- InstanceEndEditable --></td>
    </tr>
    <tr>
    <td height="2892" valign="top"><!-- InstanceBeginEditable name="Navigation" -->
    <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
    <!--DWLayoutTable-->
    <tr>
    <td width="250" height="26" valign="top"><a href="index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','Bilder/Button%20Home%20rot.png',1)"><img src="Bilder/Button%20Home%20schwarz.png" alt="Home" name="Home" width="250" height="25" border="0" id="Home" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20Schulprofil.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Schulprofil','','Bilder/Button%20Schulprofil%20rot.png',1)"><img src="Bilder/Button%20Schulprofil%20schwarz.png" alt="Schulprofil" name="Schulprofil" width="250" height="25" border="0" id="Schulprofil" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20BFZ.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BFZ','','Bilder/Button%20BFZ%20rot.png',1)"><img src="Bilder/Button%20BFZ%20schwarz.png" alt="BFZ" name="BFZ" width="250" height="25" border="0" id="BFZ" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20Förderverein.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Förderverein','','Bilder/Button%20Förderverein%20rot.png',1)"><img src="Bilder/Button%20Förderverein%20schwarz.png" alt="Förderverein" name="Förderverein" width="250" height="25" border="0" id="Förderverein" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20Schulleben.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Schulleben','','Bilder/Button%20Schulleben%20rot.png',1)"><img src="Bilder/Button%20Schulleben%20rot.png" alt="Schulleben" name="Schulleben" width="250" height="25" border="0" id="Schulleben" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann AGs.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('AG','','Bilder/Button%20AG%20rot%20aufzählung.png',1)"><img src="Bilder/Button AG schwarz aufz&auml;hlung.png" alt="AG" name="AG" width="250" height="25" border="0" id="AG" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann Sport.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Sport','','Bilder/Button%20Sport%20rot%20aufzählung.png',1)"><img src="Bilder/Button Sport schwarz aufz&auml;hlung.png" alt="Sport" name="Sport" width="250" height="25" border="0" id="Sport" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann Therapeutisches Reiten.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Reiten','','Bilder/Button%20Reiten%20rot%20aufzählung.png',1)"><img src="Bilder/Button Reiten schwarz aufz&auml;hlung.png" alt="Reiten" name="Reiten" width="250" height="25" border="0" id="Reiten" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann Schwimmlehrgang.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Schwimmlehrgang','','Bilder/Button%20Schwimmlehrgang%20rot%20aufzählung.png',1)"><img src="Bilder/Button Schwimmlehrgang schwarz aufz&auml;hlung.png" alt="Schwimmlehrgang" name="Schwimmlehrgang" width="250" height="25" border="0" id="Schwimmlehrgang" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20Verkehrserziehung.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Verkehrserziehung','','Bilder/Button%20Verkehrserziehung%20rot%20aufzählung.png',1)"><img src="Bilder/Button%20Verkehrserziehung%20schwarz%20aufzählung.png" alt="Verkehrserziehung" name="Verkehrserziehung" width="250" height="25" border="0" id="Verkehrserziehung" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann Kunst.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Kunst','','Bilder/Button%20Kunst%20rot%20aufzählung.png',1)"><img src="Bilder/Button Kunst schwarz aufz&auml;hlung.png" alt="Kunst" name="Kunst" width="250" height="25" border="0" id="Kunst" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20Arbeitslehre.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Arbeitslehre','','Bilder/Button%20Arbeitslehre%20rot%20aufzählung.png',1)"><img src="Bilder/Button%20Arbeitslehre%20schwarz%20aufzählung.png" alt="Arbeitslehre" name="Arbeitslehre" width="250" height="25" border="0" id="Arbeitslehre" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20Projekte.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Projekte','','Bilder/Button%20Projekte%20rot%20aufzählung.png',1)"><img src="Bilder/Button%20Projekte%20schwarz%20aufzählung.png" alt="Projekte" name="Projekte" width="250" height="25" border="0" id="Projekte" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20Logopädie.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Logopädie','','Bilder/Button%20Logopädie%20rot%20aufzählung.png',1)"><img src="Bilder/Button%20Logopädie%20schwarz%20aufzählung.png" alt="Logopädie" name="Logopädie" width="250" height="25" border="0" id="Logopädie" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20Psychomotorik.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Psychomotorik','','Bilder/Button%20Psychomotorik%20rot%20aufzählung.png',1)"><img src="Bilder/Button%20Psychomotorik%20schwarz%20aufzählung.png" alt="Psychomotorik" name="Psychomotorik" width="250" height="25" border="0" id="Psychomotorik" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20Feste.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Feste','','Bilder/Button%20Feste%20rot%20aufzählung.png',1)"><img src="Bilder/Button%20Feste%20schwarz%20aufzählung.png" alt="Feste" name="Feste" width="250" height="25" border="0" id="Feste" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20Karl%20Oppermann.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Karl Oppermann','','Bilder/Button%20Karl%20Oppermann%20rot.png',1)"><img src="Bilder/Button%20Karl%20Oppermann%20schwarz.png" alt="Karl Oppermann" name="Karl Oppermann" width="250" height="25" border="0" id="Karl Oppermann" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20Bilder.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bilder','','Bilder/Button%20Bilder%20rot.png',1)"><img src="Bilder/Button%20Bilder%20schwarz.png" alt="Bilder" name="Bilder" width="250" height="25" border="0" id="Bilder" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20Downloads.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Downloads','','Bilder/Button%20Downloads%20rot.png',1)"><img src="Bilder/Button%20Downloads%20schwarz.png" alt="Downloads" name="Downloads" width="250" height="25" border="0" id="Downloads" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><a href="Oppermann%20Kontakt.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Kontakt','','Bilder/Button%20Kontakt%20rot.png',1)"><img src="Bilder/Button%20Kontakt%20schwarz.png" alt="Kontakt" name="Kontakt" width="250" height="25" border="0" id="Kontakt" /></a></td>
    </tr>
    <tr>
    <td height="14"></td>
    </tr>
    <tr>
    <td height="26" valign="top"><a href="Oppermann%20Impressum.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Impressum','','Bilder/Button%20Impressum%20rot.png',1)"><img src="Bilder/Button%20Impressum%20schwarz.png" alt="Impressum" name="Impressum" width="250" height="25" border="0" id="Impressum" /></a></td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    <tr>
    <td height="15"></td>
    </tr>
    <tr>
    <td height="25" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
    <tr>
    <td height="1826">&nbsp;</td>
    </tr>
    </table>
    <!-- InstanceEndEditable --></td>
    <td valign="top"><!-- InstanceBeginEditable name="Hauptinhalt" -->
    <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#363636">
    <!--DWLayoutTable-->
    <tr>
    <td width="50" height="111">&nbsp;</td>
    <td width="724">&nbsp;</td>
    </tr>
    <tr>
    <td height="204">&nbsp;</td>
    <td valign="top"><img src="Bilder/baustelle.gif" width="73" height="150" /><span class="Stil3">UNDER CONSTRUCTION</span></td>
    </tr>
    <tr>
    <td height="2577">&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    </table>

  • servus, also ich hab mir die page mal angesehen mit mozilla und auch de ie und nix ungewöhnliches feststellen können,die pix bzw buttons werden doch korrekt geladen.


    wo korrekt besteh das problem?



    Tip: wenn du mit Webeditoren arbeitest kommt oft ein schräger aber funktionierender quelltext herraus. Einfacher wäre es wenn man es entweder selbst schreibt oder viele komentare mit in den Quellcode einfügt, für z.B: nachfolgende Webmaster.


    MfG Dave

  • Habe das Problem gefunden. Man dar wohl keine Umlaute wie Ä Ü Ö usw. bei den Dateinamen benutzen. Und Leerzeichen sind wohl auch nicht immer die erste Wahl. Lieber mal ein _ benutzen. Vielen Dank für die Hilfe.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!