Ciao a tutti, sto cercando di fare un semplice menu orizzontale a comparsa, su una pagina normale funziona correttamente, ma su blogspot no, si apre il sotto menu ma se muovo il mouse scompare senza darmi la possibilità di aprire il link, potreste aiutarmi? grazie
Link al sito : http://kikismakeup.blogspot.com/
Codice :
<html>
<head>
<title>Menu Javascript - Esempio</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" >
<style type="text/css">
/* STILI INDISPENSABILI PER IL MENU */
#MJ_MainMenu
{
background: LavenderBlush;
Align: center;
}
td.MJ_MainMenu
{
vertical-align: top;
width: 150px;
}
div.MJ_HiddenLink
{
visibility: hidden;
position: absolute;
}
div.MJ_VisibleLink
{
visibility: visible;
position: absolute;
width: 150px;
margin: 0px 0px 0px -1px;
}
a.MJ_VoiceClass, a.MJ_VoiceClass:hover
{
display: block;
position: relative;
font-weight: bold;
text-decoration: none;
padding: 5px 0px 5px 5px;
}
a.MJ_VoiceClass
{
text-align: center;
color: HotPink;
}
a.MJ_VoiceClass:hover
{
color: Red;
}
a.MJ_LinkClass, a.MJ_LinkClass:hover
{
display: block;
position: relative;
color: #000000;
text-decoration: none;
padding: 5px 0px 5px 5px;
}
a.MJ_LinkClass
{
background: LavenderBlush ;
text-align: center;
color: HotPink;
}
a.MJ_LinkClass:hover
{
background: Red;
}
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ALTRI STILI A CORREDO DELLA PAGINA DI ESEMPIO */
body
td, div
{
font-size: 10px;
font-family: verdana;
}
#MJ_Author
{
margin: 100px 0px 0px 0px;
}
a
{
color: #3366CC;
text-decoration: underline;
}
a:hover
{
color: #DD0000;
text-decoration: underlinene;
}
</style>
<script type="text/javascript" >
function MJ_OpenMenu(MJ)
{
document.getElementById("MJ_" + MJ).className = "MJ_VisibleLink";
}
function MJ_CloseMenu(MJ)
{
document.getElementById("MJ_" + MJ).className = "MJ_HiddenLink";
}
</script>
</head>
<body>
<table id="MJ_MainMenu" cellpadding="0" cellspacing="0"><tr>
<td class="MJ_MainMenu">
Home
</td><td class="MJ_MainMenu" onmouseover="MJ_OpenMenu(2)" onmouseout="MJ_CloseMenu(2)">
Chanel
<div id="MJ_2" class="MJ_HiddenLink">
Link 1
Link 2
</div>
</td>
</td>
<td class="MJ_MainMenu" onmouseover="MJ_OpenMenu(3)" onmouseout="MJ_CloseMenu(3)">
Smalti
<div id="MJ_3" class="MJ_HiddenLink">
Link 1
Link 2
</div>
</td>
</tr></table>
</body>
</html>
ps. nel sito ho dovuto incollare solo gli script, il css e la tabella.
grazieee ^^
Rispondi quotando
