Drop down solo su alcune pagine v.9
Autore: Studio Associato SOA_ S.Salve a tutti,
premetto che non sono un programmatore e capisco ben poco di codici, sto cercando di inserire un drop down all'interno di una pagina del mio sito realizzato con la v.9. L'obiettivo è quello di creare un menù di pagina relativo solo ad alcuni livelli (quello preimpostato dal software non mi piace perchè è troppo invasivo).
il codice HTML che ho usato è il seguente:
<html lang="it" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Menu progetti</title>
</head>
<body>
<div id="menu">
<ul>
<li>
<a href="#">more project ></a>
<ul>
<li><a href="#">Attualità</a></li>
<li><a href="#">Attualità</a></li>
<li><a href="#">Attualità</a></li>
</ul>
<li>
</ul>
</div>
</body>
il codice CSS (ancora da sistemare) è il seguente:
#menu {
font-family: "Century Gothic";
font-size: 16pt;
font-weight: normal;
font-style: normal;
text-align: right;
text-decoration: none;
color: #808080;
}
#menu ul ul {
position: relative;
background-colour: white;
display: none;
font-family: "Century Gothic";
font-size: 12px;
font-weight: normal;
font-style: normal;
text-align: left;
text-decoration: none;
overflow: visible;
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-o-transition: 0.7s;
-ms-transition: 0.7s;
transition: 0.7s;
}
#menu ul li:hover ul{
display: block;
float: left;
position: absolute;
z-index: 1000;
top: 0;
right: 0;
background: white;
}
Tra le proprietà ho dato l'atezza di 20.
Il risultato è che non riesco a visualizzare totalmente il menù. E' possibile portarlo in primo piano quando mi avvicino con il mouse? Inoltre, mi piacerebbe che il menù si aprisse lateralmente e non sotto il titolo.
Premesso che la v.9 sia sorpassata... e quindi sarebbe meglio aggiornarsi.
...più che postare il codice sarebbe meglio vedere ciò che hai fatto online ...
metti un link ...
e meglio ancora....posta anche il link della fonte...
Autore
questo è quello da cui sono partita:
http://ginho.it/articolo/realizzare-un-menu-a-tendina-con-css3-e-html
la pagina non è ancora on-line, provvedo subito!
ho appena provato il codice del tuo link, e a me funzia:
http://www.mirboprova.altervista.org/ws-12/drop.html
il codice che hai postato sopra, non lo devi inserire completo, altrimenti ti ritrovi con dei tag head e body doppi....
Autore
questa è la pagina: http://www.soaassociati.eu/residenze_servizi_reggiocalabria_prova.html
una cosa cosi???
http://www.mirboprova.altervista.org/drop/
Autore
quasi!
Autore
mi invii il codice che hai usato?