Salve a tutti!!
Premetto che non sono affatto un'esperta di javascript e compagnia bella ma cerco sempre di imparare sperimentando... Perciò non umiliatemi se sbaglio cose scontate per voi, vi prego!!
Dunque io ho scaricato il seguente script:
http://javascript.html.it/script/ved...menu-dropdown/
Ho aperto il mio DreamWeaver e ho adattato lo script alla pagina del mio sito, cominciando a modificare lo style, i contenuti ecc ecc... E fin qui tutto bene. Questo finchè non mi sono accorta che con Internet Explorer il mio menù praticamente impazzisce!!!! Io utilizzo Firefox e con quest'ultimo non mi dà nessun problema... Non capisco perchè con Ie dà problemi, dato che lo script dovrebbe essere conpatibile con entrambi i browser, e infatti la demo disponibile sul sito si vede bene sia con Firefox che con Ie....
Perciò deve per forza essere colpa mia, magari ho combinato qualche pasticcio, il problema è che non riesco a capire nè cosa nè dove...!!Qualcuno può aiutarmi??Questo è l'html della mia pagina:
<html>
<head>
<title>SARINA'S ART GALLERY ////// -------- </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" href="style.css" type="text/css"/>
<link rel="stylesheet" href="style-site.css" type="text/css"/>
</head>
<body topmargin="0" bgcolor="08342D">
<table width="826" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="827" height="152" align="center" valign="top" bgcolor="E0A056">[img]Top.jpg[/img]
<div id="menudropdown">
<ul class="menu" id="menu">[*]About...
<ul>[*]The Artist[*] Rules & Site [*] Links [*]Credits[*]Contact Me[/list]
[*]Original Art
<ul>[*]Comics[*] Characters [*] Illustration [*]Portraits[*]Commissions[/list]
[*]Fan Art
<ul>[*]Kingdom Hearts[*]Death Note[*]Final Fantasy[*]FullMetal Achemist[*]Neon Genesis Evangelion[/list]
[*] Old Works
<ul>[*] Comics School Exercises [*] Original
<ul>
<li class="topline">Comics[*]Characters[*]Illustrations[*]ALe[*]Portraits[/list]
[*] Fan Art
<ul>[*]Kingdom Hearts[*]Final Fantasy[*]Nana[*]CLAMP[*]Various Manga[/list]
[/list]
[*]Art Store
<ul>[*]Commissions[*]Drawings Shop[/list]
[*]Forum
[*]Home
[/list]
</div>
<script type="text/javascript">
var menu=new menu.dd("menu");
menu.init("menu","menuhover");
</script></td>
</tr>
<tr>
<td height="21" align="center" valign="top" bgcolor="E0A056"> <table width="96%"align=center cellpadding="15" cellspacing="0" bordercolor="#FEEDC2" class=nav id="index" border-top="0">
<tbody>
<tr>
<td width="407" height="20" valign="top">
<? if (!$id) include ("home.php"); else include ($id . ".php"); ?> fffff
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</body>
</html>
Questo invece è il contentuo del file style.css:
#menudropdown {margin:0px; font:12px Georgia;}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:894143; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:3px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:2px solid #FEEDC2; border-top:none; width:111px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:FCCA8D}
ul.menu ul li a:hover {background-color:#FCEFCE}
ul.menu ul ul {left:111px; top:-1px}
ul.menu .menulink {border:2px solid #FEEDC2; padding:5px 7px 7px; font-weight:bold; background-color:FCCA8D; width:97px}
ul.menu .menulink:hover, ul.menu .menuhover {background-color:#FCEFCE}
ul.menu .sub {}
ul.menu .topline {border-top:2px solid #FEEDC2}
Non so se è possibile capire da così dove si trova l'errore o il pasticcio che ho fatto.... Spero che qualcuno possa aiutarmi altrimenti mi tocca buttare tutto nel cestino..
Spero anche di essere nella sezione giusta!!! Se ho sbagliato scusatemi tanto in anticipo ç_ç
Grazie!
Rispondi quotando
