Autor |
Nachricht |
flip4711
Threadersteller
Dabei seit: 03.08.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 06.08.2007 17:05
Titel rollover funktioniert nicht im safari und firefox |
|
|
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
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 06.08.2007 17:22
Titel
|
|
|
Quelltext?
|
|
|
|
|
Anzeige
|
|
|
flip4711
Threadersteller
Dabei seit: 03.08.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 06.08.2007 17:28
Titel
|
|
|
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 19:01, insgesamt 1-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
Kai.S
Dabei seit: 20.12.2005
Ort: München
Alter: 41
Geschlecht:
|
Verfasst Do 09.08.2007 12:05
Titel
|
|
|
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.
|
|
|
|
|
Kai.S
Dabei seit: 20.12.2005
Ort: München
Alter: 41
Geschlecht:
|
Verfasst Do 09.08.2007 12:06
Titel
|
|
|
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 12:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
therapiekind
Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
|
Verfasst Do 09.08.2007 18:03
Titel
|
|
|
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!
|
|
|
|
|
reco
Dabei seit: 09.08.2007
Ort: wolke7
Alter: -
Geschlecht:
|
Verfasst So 12.08.2007 04:29
Titel
|
|
|
Den ellenlangen Quellcode hier reinzuhauen ist auch nicht schlecht
Aber gut, wer ist Schuld dran? GoLive?
|
|
|
|
|
|
|
|
Ähnliche Themen |
GoLive Rollover animiertes Gif // Safari/Explorer/Firefox
sIFR funktioniert in Firefox & Safari nicht
[JS] Rollover funktioniert nicht in IE7 & IE6
Farbmanagement bei Firefox und Safari
Schrift im IE anders als Firefox und Safari?
Wie unterschiede zwischen IE-Safari-Firefox neutralisieren
|
|