Zum Inhalt springen

Homelink funktioniert nicht im IE (Image-Map)

Vina

Von Vina
in Webdesign

 Teilen

Empfohlene Beiträge

Vina

Vina

Geschrieben
Geschrieben

Hallo Leute,

ich habe schon seit einigen Stunden dieses Problem. Ich muss die Website meiner Firma umbauen.

Nun das Problem: Ich hab ein Navi - ein Image- welches die Links Home,Kontakt und Sitemap enhält. Dieses Image habe ich in eine Image-Map eingebunden, mit den richtigen Koordianten und die Links stimmen auch alle. Im Firefox funktionieren alle Links ohne Probleme. Doch im IE mach der Homelink probleme. NUR der Homelink.

Ich weiß nicht wieso, der Quelltext ist in Ordnung da müsste alles stimmen.

Ich hab nun einiges ausprobiert, keine Fehler gefunden. :(

Hier mal mein Quelltext:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Skillworks AG ::: Home</title>

<link rel="stylesheet" media="screen" href="styles/home.css">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script src="func.js" type="text/javascript"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){


 var hintergrundbilder = ['sharepoint/skill_raum.jpg', 'sharepoint/buero1.jpg', 'sharepoint/buero2.jpg', 'sharepoint/buero3.jpg', 'sharepoint/buero4.jpg'];

 var hintergrundbild = hintergrundbilder[Math.floor(Math.random () *hintergrundbilder.length)];


	  $('#hintergrund').css('background','url('+hintergrundbild+ ') no-repeat');

     // $('#hintergrund').hide();

 	  $('#hintergrund').fadeIn(500);

 });



</script>

</head>

<body onLoad="MM_preloadImages('images/Rollover/rollskills.png','images/Rollover/roll_work.png','images/Rollover/rollskillworkers.png','images/Rollover/roll_for_you.png')">

<!--<body onLoad="MM_preloadImages('images/naviSkills.png','images/naviWork.png','images/naviForYou.png')"> -->

<div id="inhalt">

  [COLOR="Red"]<div id="zusatznavi"> <img src="images/zusatzNavi.gif" width="616" height="67" usemap="#MapZusatz" alt=""/>

    <map name="MapZusatz">

      <area shape="rect" coords="576,1,615,33" href="home.htm" alt="">

      <area shape="rect" coords="0,6,55,18" href="kontakt.htm" alt="">

      <area shape="rect" coords="0,19,55,32" href="home.htm" alt="">

      <area shape="rect" coords="0,33,55,45" href="sitemap.htm" alt="">

    </map>[/COLOR]

  </div>

  <div id="hintergrund" style="display:none">

    <div id="navi"> <a href="skills.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('skills','','images/Rollover/rollskills.png',1)"><img src="images/Rollover/roll_orginal_skills.png" name="skills" width="305" height="19" border="0"></a> <img src="images/Rollover/navibalkenoben.png" alt="oben"> <a href="work.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('work','','images/Rollover/roll_work.png',1)"><img src="images/Rollover/roll_orginal_work.png" name="work" width="305" height="19" border="0"></a> <a href="skillworkers.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('skillworkers','','images/Rollover/rollskillworkers.png',1)"><img src="images/Rollover/roll_orginal_skillworkers.png" name="skillworkers" width="305" height="19" border="0"></a> <a href="for_you.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('foryou','','images/Rollover/roll_for_you.png',1)"><img src="images/Rollover/roll_orginal_for_you.png" name="foryou" width="305" height="19" border="0"></a> <img src="images/Rollover/navibalkenunten.png" alt="unten"> </div>

    <!--    <div class="navipfeil" id="pfeilSkills"></div>

    <div class="navipfeil" id="pfeilWork"></div>

    <div class="navipfeil" id="pfeilFor_you"></div>

    <div class="navipfeil" id="pfeilSkillworkers"></div>-->

    <div id="graulayL" class="layaktiv">

      <div id="textlinksunten">

        <p class="fliesstext"><strong>Willkommen bei der Skillworks AG.</strong><br>

          Ihr Partner für Softwareentwicklung</p>

        <p class="fliesstext"> </p>

        <p class="fliesstext"> Skillworks wird geprägt von Teamgeist, kooperativem 

          Denken und einer offenen Unternehmenspolitik. Verschlossene Türen 

          werden Sie bei uns nicht finden! Entdecken Sie daher die kommunikative 

          und inspirierende Atmosphäre bei Skillworks.</p>

      </div>

    </div>

    <!--<div id="b1" class="blaulayBalken"></div>

    <div id="b2" class="blaulayBalken"></div>

    <div id="b3" class="blaulayBalken"></div>

    <div id="b4" class="blaulayBalken"></div> -->

  </div>

</div>

</body>

</html>

Ich weiß nun echt nicht woran es liegen könnte und hoffe auf eure Hilfe. Denn wir sind hier 4 Informatiker die alle ratlos sind.:confused:

P.S. Das wird doch nicht mit dem Javascript zusammenhängen oder? Wie gesagt es geht NUR der home-link nicht die anderen 2 funktionieren und das NUR im IE.

Danke schonmal und liebe Grüße :)

post-65054-14430448518636_thumb.jpg

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

×
 Teilen
Zur Themenübersicht

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Links

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...