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

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden
 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...