Biamat, scusa se continuo a romperti :quipy: non riesco proprio a capire (de coccio!), che vergogna! L'ho detto però che con js ho iniziato da pochissimo!
Grazie infinite
Manila
Biamat, scusa se continuo a romperti :quipy: non riesco proprio a capire (de coccio!), che vergogna! L'ho detto però che con js ho iniziato da pochissimo!
Grazie infinite
Manila
Prova così:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<script>
var quanti = 5;
var i;
function Apri(conta)
{
document.getElementById("sottomenu"+conta).style.v isibility='visible';
for(var i=1;i<=quanti;i++)
{
if(i!=conta)
{
document.getElementById("sottomenu"+i).style.visib ility='hidden';
}
}
}
function Chiudi()
{
for(var i=1;i<=quanti;i++)
{
document.getElementById("sottomenu"+i).style.visib ility='hidden';
}
}
</script>
<style>
.menu {
position:absolute;
top:0;
left:0;
text-align: left;
margin-left: auto;
margin-right:auto;
background-color: #900;
border-bottom: 1px solid #000;
border-right: 1px solid black;
border-left: 1px solid black;
width: 900px !important;
width /**/: 902px;
height: 15px !important;
height /**/: 16px;
z-index: 1000000;
color: #FFFFFF;
}
.principale {
font:11px verdana,helvetica,sans-serif;
color: #fff;
text-decoration: none;
padding-left: 25px;
}
.sottomenu{
position: absolute;
visibility: hidden;
}
.sottomenu3 {
position: absolute;
top:0;
left: 293px;
width: 94px;
height: 30px;
visibility: hidden;
font:10px verdana,helvetica,sans-serif;
background-color: #ff9;
z-index: 1;
border-top:0px;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
text-align: left;
display: block;
}
.link{
text-decoration: none;
}
.sottomenu4 {
position: absolute;
visibility: hidden;
}
.sottomenu5 {
position: absolute;
top:0;
left: 565px;
width: 77px;
height: 30px;
visibility: hidden;
font:10px verdana,helvetica,sans-serif;
background-color: #ff9;
z-index: 2;
border-top:0px;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
text-align: left;
padding-top: 3px;
padding-left: 7px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="nuovo.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="menu" class="menu">
::: PROFILO :::
::: CREATIVITA' :::
::: TECNOLOGIA :::
::: PREVENTIVI :::
::: CONTATTI ::: </div>
<div id="sottomenu1"></div>
<div id="sottomenu2">
</div>
<div id="sottomenu3" onMouseOut="Chiudi()" onMouseOver="Apri(3)" class="sottomenu3">
<table align="center">
<tr><td>
</td></tr>
<tr><td>stampa offset</td></tr>
<tr>
<td>stampa digitale</td>
</tr>
</table>
</div>
<div id="sottomenu4">
</div>
<div id="sottomenu5" onmouseout="Chiudi()" onMouseOver="Apri(5)" class="sottomenu5">
<table align="center" class="link">
<tr><td>
</td></tr>
<tr><td>informazioni</td></tr>
<tr>
<td>mappa</td>
</tr>
</table>
</div>
</body>
</html>
Ho riordinato un po' la pagina a modo mio applicando gli stili in maniera diversa perchè mi trovo meglio così ma il risultato è lo stesso.
http://www.beavermag.it
Non so come ringraziarti Biamat, al più presto provo il codice e poi ti faccio sapere.
Grazie davvero
Manila
Ciao,
spero funzioni a dovere l'ultima versione, cmq ti consiglio di andare a vedere sul sito dhtmlcentral.com, nella sezione "projects" c'è uno script che si chiama coolmenu e che permette di realizzare dei menu tipo il tuo ma altamente personalizzabili e molto complessi.
http://www.beavermag.it
Ciao Biamat, invece di utilizzare tutto il codice mi bastava inserire solo la parte onmouseout="chiudi()" e onmouseover="apri()" nelle sezioni xhtml dei sottomenù.
Ora sembra che funzioni, spero sia la volta buona!
Grazie ancora tanto e se avrò di nuovo qualche dubbio mi rifarò viva
Ciao
Manila
Permessi di invio
Rispondi quotando
