jpg und png wird nicht immer angezeigt

Fragen oder Probleme mit HTML, PHP oder CSS?
Antwort erstellen

jpg und png wird nicht immer angezeigt

Beitragvon Oppermann am 06.02.2006, 22:09

Hallo alle zusammen, ich bin neu hier. Ich bin gerade dabei für eine Schule eine Hompage zu erstellen (http://www.schulserver.hessen.de/frankf ... /index.htm). 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
http://www.schulserver.hessen.de/frankf ... /index.htm die Rubrik: Schulleben). Vielen Dank schon einmal im voraus.
Sorry für die teilweise schwarze Unterlegung im Quellcode. Keine Ahnung wie man das verhindert.


Code: Alles auswählen
<!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('/frankfurt/karl-oppermann/index.htm/Bilder/Button Reiten rot aufz&auml;hlung.png','Bilder/Button Home rot.png','Bilder/Button Schulprofil rot.png','Bilder/Button BFZ rot.png','Bilder/Button F&ouml;rderverein rot.png','Bilder/Button Schulleben rot.png','Bilder/Button AG rot aufz&auml;hlung.png','Bilder/Button Sport rot aufz&auml;hlung.png','Bilder/Button Schwimmlehrgang rot aufz&auml;hlung.png','Bilder/Button Verkehrserziehung rot aufz&auml;hlung.png','Bilder/Button Kunst rot aufz&auml;hlung.png','Bilder/Button Arbeitslehre rot aufz&auml;hlung.png','Bilder/Button Projekte rot aufz&auml;hlung.png','Bilder/Button Logop&auml;die rot aufz&auml;hlung.png','Bilder/Button Psychomotorik rot aufz&auml;hlung.png','Bilder/Button Karl Oppermann rot.png','Bilder/Button Bilder rot.png','Bilder/Button Downloads rot.png','Bilder/Button Kontakt rot.png','Bilder/Button Impressum rot.png','/frankfurt/karl-oppermann/index.htm/Bilder/Button BFZ rot.png','/frankfurt/karl-oppermann/index.htm/Bilder/Button Feste rot aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Schwimmen%20rot%20aufz&auml;hlung.png');MM_preloadImages('Bilder/Button%20Feste%20rot%20aufz&auml;hlung.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 Home rot.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 Schulprofil rot.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 BFZ rot.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&ouml;rderverein','','Bilder/Button F&ouml;rderverein rot.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 Schulleben rot.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 AG rot aufz&auml;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 Sport rot aufz&auml;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 Reiten rot aufz&auml;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 Schwimmlehrgang rot aufz&auml;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 Verkehrserziehung rot aufz&auml;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 Kunst rot aufz&auml;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 Arbeitslehre rot aufz&auml;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 Projekte rot aufz&auml;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&auml;die','','Bilder/Button Logop&auml;die rot aufz&auml;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 Psychomotorik.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Psychomotorik','','Bilder/Button Psychomotorik rot aufz&auml;hlung.png',1)"><img src="Bilder/Button Psychomotorik schwarz aufz&auml;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)"></a><a href="Oppermann Feste.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Feste','','/frankfurt/karl-oppermann/index.htm/Bilder/Button Feste rot aufz&auml;hlung.png',1)"></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','/frankfurt/karl-oppermann/index.htm/Bilder/Button BFZ rot.png',1)"></a><a href="Oppermann Feste.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Feste','','Bilder/Button Feste rot aufz&auml;hlung.png',1)"><img src="Bilder/Button Feste schwarz aufz&auml;hlung.png" alt="Feste" name="Feste" width="250" height="25" border="0" id="Feste" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Feste','','/frankfurt/karl-oppermann/index.htm/Bilder/Button Feste rot aufz&auml;hlung.png',1)"></a></td>
        </tr>
        <tr>
          <td height="15"></td>
        </tr>
        <tr>
          <td height="25" valign="top"><a href="Oppermann Karl Oppermann.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Karl Oppermann','','Bilder/Button Karl Oppermann rot.png',1)"><img src="Bilder/Button Karl Oppermann schwarz.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 Bilder rot.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 Downloads rot.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 Kontakt rot.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 Impressum rot.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>
    <!-- InstanceEndEditable --></td>
  </tr>
</table>
</body>
Oppermann
 
Beiträge: 2
Registriert: 06.02.2006, 21:20
Nach oben

Beitragvon Stroenzte am 06.02.2006, 23:44

Wenn ich auf deine Seite gehe, - geh mit IE ins Netz - zeigt der mir nur kein Bild bei Förderverein, (war nur auf der Hauptseite).

Mir ist aufgefallen, das du die Bilder auch Förderverein etc.... genannt hast, ich würde anstatt ö - oe schreiben und vielleicht anstatt leerzeichen - %20 ein unterstrich machen - _

Vielleicht hilft das was.

mfg der Stroe


edit:

bin man unter schulleben gegannen, dort hast du die Dateinamen der Bilder auch mit ä ö oder ü oder so was benannt, dies benutzt man aber nicht im internet.
Also die Dateinamen ein bisschen geschickter wählen, am besten auch klein halten, mit abkürzungen oder so, ist nachher auch übersichtlicher im Quelltext etc....

Aber ist ja letztendlich deine Sache *g*.

mfg Stroe
Stroenzte
 
Beiträge: 56
Registriert: 06.02.2006, 19:53
Nach oben

Es hat geklappt!!!

Beitragvon Oppermann am 07.02.2006, 14:24

:lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol:

Rock 'N' Roll, dass war es. Vielen vielen Dank!!! Es lag wohl tatsächlich an den Umlauten. Na dann habe ich ja jetzt ein bisschen was zu tun.
Vielen Dank noch mal für die extrem schnelle und kompetente Hilfe.
:D :D :D :D :D :D :D :D :D :D :D :D :D :D :D :D :D :D :D
Oppermann
 
Beiträge: 2
Registriert: 06.02.2006, 21:20
Nach oben
Antwort erstellen

Ähnliche Themen

datei die nicht mehr vorhanden ist wird immer noch angezeigt
Forum: Software-Hilfe
Autor: peter lankton
Antworten: 3
 Entferntes Laufwerk wird immer noch angezeigt! =?
Forum: Hardware-Hilfe
Autor: dj-hackesack
Antworten: 12
 LAN wird nicht angezeigt !
Forum: DFÜ, Netzwerk, Internet
Autor: Fermin
Antworten: 2
 Icon wird nicht angezeigt
Forum: Software-Hilfe
Autor: Schamschi
Antworten: 1
 Taskleiste wird nicht angezeigt!?!
Forum: Software-Hilfe
Autor: crush3r
Antworten: 4
Nach oben

Zurück zu HTML, PHP & Co.

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Deutsche Übersetzung durch phpBB.de
phpBB SEO
© AmbiWeb GmbH - Impressum