mediengestalter.info
Portal Forum Forenarchiv Suche Tutorials Downloads Links Bücher Chat Impressum
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 02.12.2008 12:11 Benutzername: Passwort: Auto-Login

Thema: rollover funktioniert nicht im safari und firefox vom 06.08.2007

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> rollover funktioniert nicht im safari und firefox
Autor Nachricht
flip4711
Threadersteller

Dabei seit: 03.08.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 06.08.2007 16:05
Titel

rollover funktioniert nicht im safari und firefox

 Antworten mit Zitat Zum Seitenanfang
hallo zusammen,

ich habe mir mit golive ein rollover menü gebaut.
Im Internet exlorer funktioniert es einwandfrei aber leider nicht bei firefox und safari.

An was kann das denn liegen?

vielen dank


viele grüße
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 06.08.2007 16:22
Titel

Antworten mit Zitat Zum Seitenanfang
Quelltext?
  View user's profile Private Nachricht senden
flip4711
Threadersteller

Dabei seit: 03.08.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 06.08.2007 16:28
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

   <head>
      <meta http-equiv="content-type" content="text/html;charset=utf-8" />
      <meta name="generator" content="Adobe GoLive" />
      <title>Home</title>
      <style type="text/css" media="screen"><!--
#pichome { height: 244px; width: 242px; left: 0; top: 0; position: absolute; visibility: visible; }
#logo { height: 244px; width: 783px; left: 242px; top: 0; position: absolute; visibility: visible; }
#navigation { height: 278px; width: 245px; left: 0; top: 244px; position: absolute; visibility: visible; }
.navcont_C2D8C4DA { width: 100% }
.navbox_C2D8C4DA { width:100%; height:39px }
#lesh { height: 63px; width: 548px; left: 345px; top: 550px; position: absolute; visibility: visible; }
#dots { height: 111px; width: 780px; left: 245px; top: 658px; position: absolute; visibility: visible; }
#line { height: 128px; width: 200px; left: 0; top: 522px; position: absolute; visibility: visible; }
#linedots { height: 100px; width: 100px; left: 0; top: 659px; position: absolute; visibility: visible; }
#navapproach { height: 50px; width: 100px; left: 245px; top: 290px; position: absolute; visibility: hidden; }
.navcont_C2DCDB97 { width: 100% }
.navbox_C2DCDB97 { width:100%; height:12px }
#navreferences { height: 24px; width: 100px; left: 245px; top: 330px; position: absolute; visibility: hidden; }
.navcont_C2DCDE29 { width: 100% }
.navbox_C2DCDE29 { width:100%; height:12px }
--></style>
      <csactions>
         <csaction name="c2da93b44" class="ShowHide" type="onevent" val0="navapproach" val1="1"></csaction>
         <csaction name="c2da93c35" class="ShowHide" type="onevent" val0="navapproach" val1="0"></csaction>
         <csaction name="c2dcdcf40" class="ShowHide" type="onevent" val0="navapproach" val1="1"></csaction>
         <csaction name="c2dcdd041" class="ShowHide" type="onevent" val0="navapproach" val1="0"></csaction>
         <csaction name="c2dcdee52" class="ShowHide" type="onevent" val0="navreferences" val1="1"></csaction>
         <csaction name="c2dcdef53" class="ShowHide" type="onevent" val0="navreferences" val1="0"></csaction>
         <csaction name="c2dcdf0a4" class="ShowHide" type="onevent" val0="navreferences" val1="1"></csaction>
         <csaction name="c2dcdf1e5" class="ShowHide" type="onevent" val0="navreferences" val1="0"></csaction>
      </csactions>
      <csscriptdict import="import">
         <script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
      </csscriptdict>
      <csactiondict>
         <script type="text/javascript"><!--
CSAct[/*CMP*/ 'c2da93b44'] = new Array(CSShowHide,/*CMP*/ 'navapproach',1);
CSAct[/*CMP*/ 'c2da93c35'] = new Array(CSShowHide,/*CMP*/ 'navapproach',0);
CSAct[/*CMP*/ 'c2dcdcf40'] = new Array(CSShowHide,/*CMP*/ 'navapproach',1);
CSAct[/*CMP*/ 'c2dcdd041'] = new Array(CSShowHide,/*CMP*/ 'navapproach',0);
CSAct[/*CMP*/ 'c2dcdee52'] = new Array(CSShowHide,/*CMP*/ 'navreferences',1);
CSAct[/*CMP*/ 'c2dcdef53'] = new Array(CSShowHide,/*CMP*/ 'navreferences',0);
CSAct[/*CMP*/ 'c2dcdf0a4'] = new Array(CSShowHide,/*CMP*/ 'navreferences',1);
CSAct[/*CMP*/ 'c2dcdf1e5'] = new Array(CSShowHide,/*CMP*/ 'navreferences',0);
var preloadFlag = false;
function preloadImages() {
   if (document.images) {
      pre_nav_references_on = newImage('images/nav_references_on.jpg');
      pre_nav_company_on = newImage('images/nav_company_on.jpg');
      pre_nav_map_on = newImage('images/nav_map_on.jpg');
      pre_nav_contact_on = newImage('images/nav_contact_on.jpg');
      pre_nav_imprint_on = newImage('images/nav_imprint_on.jpg');
      pre_nav_home_on = newImage('images/nav_home_on.jpg');
      pre_nav_approach_on = newImage('images/nav_approach_on.jpg');
      pre_nav_consulting_on = newImage('images/nav_consulting_on.jpg');
      pre_nav_managing_on = newImage('images/nav_managing_on.jpg');
      pre_nav_engineering_on = newImage('images/nav_engineering_on.jpg');
      pre_nav_tga_on = newImage('images/nav_tga_on.jpg');
      pre_nav_industry_on = newImage('images/nav_industry_on.jpg');
      pre_nav_public_on = newImage('images/nav_public_on.jpg');
      preloadFlag = true;
   }
}

// --></script>
      </csactiondict>
   </head>

         <body onload="preloadImages();">
            <div id="pichome">
               <img src="images/pic_home_03.jpg" alt="" height="244" width="242" border="0" /></div>
            <div id="logo">
               <img src="images/head_04.jpg" alt="" height="244" width="783" border="0" /></div>
      <div id="navigation">
         <div class="navcont_C2D8C4DA">
            <!--agl:cssobject id="C2D8C4DA" type="Navi Rows" /-->
            <div class="navbox_C2D8C4DA">
               <a onmouseover="changeImages('nav_home_off','images/nav_home_on.jpg');return true" onmouseout="changeImages('nav_home_off','images/nav_home_off.jpg');return true" href="home.html"><img id="nav_home_off" src="images/nav_home_off.jpg" alt="" name="nav_home_off" height="40" width="242" border="0" /></a></div>
            <div class="navbox_C2D8C4DA">
               <a onmouseover="CSAction(new Array(/*CMP*/'c2da93b44'));changeImages('nav_approach_off','images/nav_approach_on.jpg');return true;" onmouseout="CSAction(new Array(/*CMP*/'c2da93c35'));changeImages('nav_approach_off','images/nav_approach_off.jpg');return true;" href="approach.html" csout="c2da93c35" csover="c2da93b44"><img id="nav_approach_off" src="images/nav_approach_off.jpg" alt="" name="nav_approach_off" height="40" width="242" border="0" /></a></div>
            <div class="navbox_C2D8C4DA">
               <a onmouseover="CSAction(new Array(/*CMP*/'c2dcdee52'));changeImages('nav_references_off','images/nav_references_on.jpg');return true;" onmouseout="CSAction(new Array(/*CMP*/'c2dcdef53'));changeImages('nav_references_off','images/nav_references_off.jpg');return true;" href="references.html" csout="c2dcdef53" csover="c2dcdee52"><img id="nav_references_off" src="images/nav_references_off.jpg" alt="" name="nav_references_off" height="40" width="242" border="0" /></a></div>
            <div class="navbox_C2D8C4DA">
               <a onmouseover="changeImages('nav_comany_off','images/nav_company_on.jpg');return true" onmouseout="changeImages('nav_comany_off','images/nav_comany_off.jpg');return true" href="company.html"><img id="nav_comany_off" src="images/nav_comany_off.jpg" alt="" name="nav_comany_off" height="39" width="242" border="0" /></a></div>
            <div class="navbox_C2D8C4DA">
               <a onmouseover="changeImages('nav_map_off','images/nav_map_on.jpg');return true" onmouseout="changeImages('nav_map_off','images/nav_map_off.jpg');return true" href="map.html"><img id="nav_map_off" src="images/nav_map_off.jpg" alt="" name="nav_map_off" height="40" width="242" border="0" /></a></div>
            <div class="navbox_C2D8C4DA">
               <a onmouseover="changeImages('nav_contact_off','images/nav_contact_on.jpg');return true" onmouseout="changeImages('nav_contact_off','images/nav_contact_off.jpg');return true" href="contact.html"><img id="nav_contact_off" src="images/nav_contact_off.jpg" alt="" name="nav_contact_off" height="40" width="242" border="0" /></a></div>
            <div class="navbox_C2D8C4DA">
               <a onmouseover="changeImages('nav_imprint_off','images/nav_imprint_on.jpg');return true" onmouseout="changeImages('nav_imprint_off','images/nav_imprint_off.jpg');return true" href="imprint.html"><img id="nav_imprint_off" src="images/nav_imprint_off.jpg" alt="" name="nav_imprint_off" height="39" width="242" border="0" /></a></div>
         </div>
      </div>
      <div id="dots">
         <img src="images/dots_middle_15.jpg" alt="" height="111" width="780" border="0" /></div>
      <div id="line">
         <img src="images/line.jpg" alt="" height="137" width="242" border="0" /></div>
      <div id="linedots">
         <img src="images/dots_left_18.jpg" alt="" height="110" width="242" border="0" /></div>
      <div id="navapproach" onmouseover="CSAction(new Array(/*CMP*/'c2dcdcf40'));return true;" onmouseout="CSAction(new Array(/*CMP*/'c2dcdd041'));" csout="c2dcdd041" csover="c2dcdcf40">
         <div class="navcont_C2DCDB97">
            <!--agl:cssobject id="C2DCDB97" type="Navi Rows" /-->
            <div class="navbox_C2DCDB97">
               <a onmouseover="changeImages('nav_consulting_off','images/nav_consulting_on.jpg');return true" onmouseout="changeImages('nav_consulting_off','images/nav_consulting_off.jpg');return true" href="consulting.html"><img id="nav_consulting_off" src="images/nav_consulting_off.jpg" alt="" name="nav_consulting_off" height="12" width="55" border="0" /></a></div>
            <div class="navbox_C2DCDB97">
               <a onmouseover="changeImages('nav_managing_off','images/nav_managing_on.jpg');return true" onmouseout="changeImages('nav_managing_off','images/nav_managing_off.jpg');return true" href="managing.html"><img id="nav_managing_off" src="images/nav_managing_off.jpg" alt="" name="nav_managing_off" height="12" width="51" border="0" /></a></div>
            <div class="navbox_C2DCDB97">
               <a onmouseover="changeImages('nav_engineering_off','images/nav_engineering_on.jpg');return true" onmouseout="changeImages('nav_engineering_off','images/nav_engineering_off.jpg');return true" href="engineering.html"><img id="nav_engineering_off" src="images/nav_engineering_off.jpg" alt="" name="nav_engineering_off" height="12" width="61" border="0" /></a></div>
            <div class="navbox_C2DCDB97">
               <a onmouseover="changeImages('nav_tga_off','images/nav_tga_on.jpg');return true" onmouseout="changeImages('nav_tga_off','images/nav_tga_off.jpg');return true" href="tga.html"><img id="nav_tga_off" src="images/nav_tga_off.jpg" alt="" name="nav_tga_off" height="12" width="22" border="0" /></a></div>
         </div>
      </div>
      <div id="navreferences" onmouseover="CSAction(new Array(/*CMP*/'c2dcdf0a4'));return true;" onmouseout="CSAction(new Array(/*CMP*/'c2dcdf1e5'));" csout="c2dcdf1e5" csover="c2dcdf0a4">
         <div class="navcont_C2DCDE29">
            <!--agl:cssobject id="C2DCDE29" type="Navi Rows" /-->
            <div class="navbox_C2DCDE29">
               <a onmouseover="changeImages('nav_industry_off','images/nav_industry_on.jpg');return true" onmouseout="changeImages('nav_industry_off','images/nav_industry_off.jpg');return true" href="industry.html"><img id="nav_industry_off" src="images/nav_industry_off.jpg" alt="" name="nav_industry_off" height="12" width="46" border="0" /></a></div>
            <div class="navbox_C2DCDE29">
               <a onmouseover="changeImages('nav_public_off','images/nav_public_on.jpg');return true" onmouseout="changeImages('nav_public_off','images/nav_public_off.jpg');return true" href="public.html"><img id="nav_public_off" src="images/nav_public_off.jpg" alt="" name="nav_public_off" height="12" width="86" border="0" /></a></div>
         </div>
      </div>
      <div style="position:relative;width:1024px;height:768px;-adbe-g:p;">
         <div style="position:absolute;top:160px;left:384px;width:416px;height:278px;-adbe-c:c">
            <h2>Die Idee</h2>
            <p>Die Idee des Inhabers, Herr Elsner, bei der Firmengründung war, ein Ingenieurbüro für technische Gebäudeausrüstung gewerbe-    übergreifend zu etablieren.</p>
            <p>Zu diesem Engineering - Ressort sind nicht allein durch Firmen-innovation und Bedürfnissen des Zeitalters sonder auch durch Kundennachfragen weitere Spektren hinzugekommen.</p>
            <p>So stellt unster Team durch Kreativität und Wissenspool ein breites Band an Leistungen zur Verfügung um den Visionen unserer Kunden gerech zu werden. </p>
         </div>
      </div>
      <div id="lesh">
         <img src="images/lesh_buchstaben.jpg" alt="" height="60" width="548" border="0" /></div>
      <p></p>
   </body>

      </noframes>
   </frameset>

</html>




[edit by Nimroy]
Bitte [code]-Tags verwenden.

Zuletzt bearbeitet von Nimroy am Mo 06.08.2007 18:01, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 06.08.2007 16:57
Titel

Antworten mit Zitat Zum Seitenanfang
Bevor du dir da versuchst was zusammen zu klicken, schau dir das hier einfach
mal an: http://www.quirksmode.org/js/mouseov.html
  View user's profile Private Nachricht senden
Kai.S

Dabei seit: 20.12.2005
Ort: München
Alter: 26
Geschlecht: Männlich
Verfasst Do 09.08.2007 11:05
Titel

Antworten mit Zitat Zum Seitenanfang
warum kompliziert wenns auch einfach geht.

Alle Browser machen :hover bei <a>-Tags. Also wieso nicht die a's mit display:block und width: festzurren, und background-image rein. Bei :hover dann ein anderes background-image und fertig ist dein Roll-Over-Menü. Noch nett in eine ul li verpackt et voila!

Darfst Dir hierfür gern den Code auf http://www.final-interactive.de/ reinziehen.
  View user's profile Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
Kai.S

Dabei seit: 20.12.2005
Ort: München
Alter: 26
Geschlecht: Männlich
Verfasst Do 09.08.2007 11:06
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">


sry 4 Doppelpost, aber ... HEY GEHTS NOCH?!
Wieso nimmst du einen Frameset DOCTYPE für eine normale Seite???
Oder macht das GoLive selbst? GoScheiß ... oh Mann ...

Lösch das Ding und lern lieber xHTML und CSS richtig um Webseiten zu bauen.

Zuletzt bearbeitet von Kai.S am Do 09.08.2007 11:23, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
therapiekind

Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
Verfasst Do 09.08.2007 17:03
Titel

Antworten mit Zitat Zum Seitenanfang
Kai.S hat geschrieben:
Wieso nimmst du einen Frameset DOCTYPE für eine normale Seite???
Oder macht das GoLive selbst? GoScheiß ... oh Mann ...

Lösch das Ding und lern lieber xHTML und CSS richtig um Webseiten zu bauen.

Word. Alta!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
reco

Dabei seit: 09.08.2007
Ort: wolke7
Alter: -
Geschlecht: Männlich
Verfasst So 12.08.2007 03:29
Titel

Antworten mit Zitat Zum Seitenanfang
Den ellenlangen Quellcode hier reinzuhauen ist auch nicht schlecht * Ich geb auf... *
Aber gut, wer ist Schuld dran? GoLive? Hmm...?!
  View user's profile Private Nachricht senden
 
Ähnliche Themen GoLive Rollover animiertes Gif // Safari/Explorer/Firefox
GoLive Rollover funktioniert nicht nach upload?
Farbmanagement bei Firefox und Safari
[JS] Rollover funktioniert nicht in IE7 & IE6
(Div Geschichte) Firefox/Safari ignorieren Grafik
abstände safari / ie
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

mediengestalter.info ist ein Projekt von webformatik :: Forensoftware: phpBB © 2001, 2005 phpBB Group