| Precedente :: Successivo |
| Autore |
Messaggio |
sevenjeak
Semidio
Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma
|
 Inviato: 08 Giu 2009 12:40 Oggetto: * [IE] non supporta menu a due livelli |
 |
|
Salve.
Come avrete notato, in questi giorni non posso proprio stale in questo forum per alcuni inpegni (cosi facendo sono rimasto anchora al mio vecchio sito).
Cmq nel mio sito sto facendo un menų a doppio livello, fino ad ora ho provato solo a vedere se firefox e explorer lo supportavano, ma tra questi due browser, solo explorer non lo supporta:
Per farvi vedere meglio vi posto qui di seguito il suo CSS:
| Codice: |
body {
font-size:97%;
background-color:#666666;
font-family:"Times New Roman", Times, serif;
}
h1, h2 {
margin:0;
padding:0
}
strong {
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
margin:2px;
color:#ADADAD
}
a {
color:#ACACAC;
text-decoration:none
}
.container{
width:999px;
margin:0 auto;
border:solid #333333 1px;
border-bottom:none;
background-color:#FFFFFF
}
.header {
height:2em;
margin:3px;
}
.navigate {
background:url(Image/navigate.png);
height:1.60em
}
.navigate ul {
list-style-type:none;
padding:0;
margin:0;
}
.navigate ul li {
display:inline;
padding-left:5px;
padding-right:5px;
}
.navigate ul li:hover {
background:url(Image/nav-link_over.png);
cursor:pointer;
}
.navigate ul li ul {
display:none;
}
.navigate ul li:hover ul {
display:block;
position:absolute;
top:4.25em;
padding-top:3px;
width:999px;
background:url(Image/bg-sottomenu.png);
}
.navigate ul li ul a {
color:#6C6C6C;
}
.navigate ul li ul a:hover {
color:#0080C0;
}
.navigate ul li ul li:hover {
background:none;
}
.main {
padding:7px;
margin:0;
}
.footer {
clear:both
}
|
Mentre qui il codice sorgende dalla pagina HTML:
| Codice: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<!--
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Description" content="Pc Tools | Tratuttori, Software, giochi e...">
<meta http-equiv="Keywords" content="Segnalazioni, Tratuttori, Software, giochi, emulatori/roms, tools">
<meta http-equiv="Creation_Date" content="....">
<meta http-equiv="Author" content="Simone">
-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="main.css">
<title>Pc tools</title>
</head>
<body>
<div class="container">
<div class="header">
</div>
<div class="navigate"> <!-- Navigate. -->
<ul>
<li><a>Emulatori/roms</a>
<ul>
<li><a href="#">Segnala emulatore</a></li>
<li><a href="#">Emulatori segnalati</a></li>
<li><a href="#">Segnala roms</a></li>
<li><a href="#">Roms segnalati</a></li>
</ul>
</li>
<li><a>Tratuttori</a>
<ul>
<li><a href="#">Segnala tratuttore</a></li>
<li><a href="#">Tratuttore segnalati</a></li>
</ul>
</li>
<li><a>Software</a>
<ul>
<li><a href="#">Aantivirus</a></li>
<li><a href="#">Software per internet</a></li>
<li><a href="#">Grafica 3D</a></li>
<li><a href="#">Software programmazione</a></li>
<li><a href="#">Software portatili</a></li>
<li><a href="#">Utility</a></li>
<li><a href="#">Player</a></li>
<li><a href="#">Client FTP</a></li>
</ul>
<li><a>Tools</a>
<ul>
<li><a href="index.php?Page=webmaster_tools">Tools per webmaster</a></li>
<li><a href="#">Tools per internet</a></li>
<li><a href="#">Tools per MSN</a></li>
<li><a href="#">Tools per Skype</a></li>
<li><a href="#">Tools per Yahoo messenger</a></li>
<li><a href="#">Tools per ICQ</a></li>
</ul>
</li>
<li><a>Giochi</a>
<ul>
<li><a href="index.php?Page=webmaster_tools">Giochi on-line</a></li>
<li><a href="#">Giochi da scarocare</a></li>
<li><a href="#">Siti sui giochi</a></li>
<li><a href="#">Segnala sito sui giochi</a></li>
</ul>
</li>
<li><a>Newsletter</a>
<ul>
<li><a href="index.php?Page=webmaster_tools">Registrati alla nostra newsletter</a></li>
<li><a href="#">Cancellazzione dalla newsletter</a></li>
<li><a href="#">Migrazione Account registrato</a></li>
<li><a href="#">Visualizza news del sito</a></li>
</ul>
</li>
<li><a href="index.php?Page=contattaci">Contattaci</a>
</ul>
</div> <!-- End navigate. -->
<div class="main"> <!-- Start main containers. -->
<?php
if (isset($_GET["Page"])) {
if (file_exists($_GET["Page"].".php")) {
include_once($_GET["Page"].".php");
}else {
include("404.php");
}
}else {
include("home.php");
}
?>
</div> <!-- End main containers. -->
<div class="footer"> <!-- Start footer. -->
</div> <!-- End footer. -->
</div>
</body>
</html>
|
Il menų che si apre quando clicko su un menų mi si vede spostato con explorer, come mai? |
|
| Top |
|
 |
freemind
Supervisor sezione Programmazione
Registrato: 04/04/07 21:28
Messaggi: 4643
Residenza: Internet
|
| Inviato: 08 Giu 2009 17:01 Oggetto: |
|
|
Ciao,
senti, io ho provato la tua pagina con ie6 (a casa ho solo lui come browser ms) e neppure mi apre il sottomenų.
Indipendentemente che cercheremo di risolvere il problema, ma perchč non hai optato per un menų a tendina?
Senza offesa, ma il menų su due livelli č secondo me scomodo da usare e sopratutto non hai la possibilitā nel livello II di aggiungere un alto numero di voci.
Oggi magari ne hai pochi e teoricamente la tua solizione funziona, ma domani potresti voler ampliare la scelta e quindi sarai comunque costretto a cambiare tipo di navigatore.
Purtroppo ie non ha mai usato gli standard come standard.
Io per un po' prove con ie>6 non ne posso fare quindi cercherō ad occhio di capire dove sta il problema ma tieni conto del consiglio che ti ho dato sopra.
ciao |
|
| Top |
|
|
sevenjeak
Semidio
Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma
|
| Inviato: 08 Giu 2009 18:50 Oggetto: |
|
|
| Veramente io in precedenza ho provato a far si che il sottomenų appaia verticarmente ansiche orizzondalmente, ma non ci sono riuscito, se magari puoi dirmi che dovrei modificarlo per far si che il sotto menų appaia verticale? |
|
| Top |
|
|
freemind
Supervisor sezione Programmazione
Registrato: 04/04/07 21:28
Messaggi: 4643
Residenza: Internet
|
| Inviato: 08 Giu 2009 19:50 Oggetto: |
|
|
Io normalmente uso le seguenti soluzioni:
1) php layers menų
2) jquery slide menų
php layers menų
Il sito di riferimento č questo
E' un menų potentissimo, utilizza php e javascript ed č ultra versatile.
Permette di creare menų di vario tipo, anche quelli a tendina.
Non ci sono limiti ai livelli, puō generarsi partendo da un db, un file di testo e puoi attaccarne infiniti alla stessa pagina.
Il difetto č che la libreria č molto grande, ci sono non pochi files e all'inizio l'impostazione dei parametri potrebbe essere un po' ostica.
Io l'ho usato in progetto molto grande e mi son trovato molto bene.
jquery slide menų
E' pių o meno un plugin per jquery, un framework ajax.
Il suo pregio č che č composto solo da un file js + uno css + la libreria jquery che perō se tu vuoi usare solo per il menų puō essere ridotta solo al core per un totale di 3 files.
Metto qui un link ad un sito che mostra come usarlo (e da dove scaricare il tutto).
Secondo me dovresti optare per la seconda scelta anche perchč mi č appena venuta in mente una grande cosa.
Dato che jquery slide menų usa le liste nello stesso modo che fai tu, una volta risolto il tuo problema con ie potresti arrivare a sentire se il browser ha il supporto per javascript; se c'č allora alla pagina verrā agganciato jquery slide menų cosė ci saranno le tendine, in caso contrario verrā usato il tuo css e ti ritroverai un menų comunque funzionante.
jquery slide menų č "non invasivo" quindi la gestione del tag gmail notifier č praticamente superflua.
L'unica cosa č uniformare il nome delle classi usate dai due menų.
Facci sapere come va! |
|
| Top |
|
|
sevenjeak
Semidio
Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma
|
| Inviato: 08 Giu 2009 21:36 Oggetto: |
|
|
Ok, da quello che ho visto e da quello che dici tu meglio la seconda scelta, rimane solamente il fatto che l'utente deve avere attivato il supporto javascript.
Altrimente se posso dovrei fare uno script che modificare il menų solamente quando l'utenti non ha javascript.
cmq in questo momento non posso proprio applicare il menų al sito, ti faro sapere pių tardi, intanto aspetto tue risposte in relazione a quello che ho scritto prima
EDIT:
Dice che sotto all'alticolo ci sono i link, ma due di quelli non funzionano, mi consigli un'altro sito se mai? |
|
| Top |
|
|
mdweb
Dio maturo
Registrato: 18/12/07 16:59
Messaggi: 4412
|
| Inviato: 13 Giu 2009 23:28 Oggetto: |
|
|
Scusa ma perchč non usi i css?
Guarda qua |
|
| Top |
|
|
sevenjeak
Semidio
Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma
|
| Inviato: 15 Giu 2009 20:10 Oggetto: |
|
|
Grazie mdweb,
Ho usato il css, ora mi si vede sia con IE, che con FF.
Cmq il sottomenų ancora non mi si apre verticarmente.
Ho modificato il mio css in base a quello visto nell'esempio:
| Codice: |
body {
font-size:97%;
background-color:#666666;
font-family:"Times New Roman", Times, serif;
}
h1, h2 {
margin:0;
padding:0
}
strong {
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
margin:2px;
color:#ADADAD
}
a {
color:#ACACAC;
text-decoration:none
}
.container{
width:999px;
margin:0 auto;
border:solid #333333 1px;
border-bottom:none;
background-color:#FFFFFF
}
.header {
height:2em;
margin:3px;
}
.navigate {
background:url(Image/navigate.png);
height:1.60em
}
.navigate ul {
list-style-type:none;
padding:0;
margin:0;
position:relative;
}
.navigate ul li {
display:inline;
padding-left:5px;
padding-right:5px;
}
.navigate ul li:hover {
background:url(Image/nav-link_over.png);
cursor:pointer;
}
.navigate ul li ul {
margin:0;
list-style:none;
display:none;
position:absolute;
top:100%;
left:0;
background:url(Image/bg-sottomenu.png);
}
.navigate ul li:hover ul {
display:block;
width:100%;
}
.navigate ul li ul a {
color:#6C6C6C;
}
.navigate ul li ul a:hover {
color:#0080C0;
}
.navigate ul li ul li:hover {
background:none;
}
.main {
padding:7px;
margin:0;
}
.footer {
clear:both
}
|
Cosa dovrei modificare ancora per far aprire verticalmente il mio sottomenų? |
|
| Top |
|
|
mdweb
Dio maturo
Registrato: 18/12/07 16:59
Messaggi: 4412
|
| Inviato: 15 Giu 2009 21:49 Oggetto: |
|
|
| Nel link che ti ho dato ci sono molti menu, scegline uno che si apra verticalmente |
|
| Top |
|
|
sevenjeak
Semidio
Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma
|
| Inviato: 16 Giu 2009 14:56 Oggetto: |
|
|
| Quello che ho scelto dal link che mi hai dato si apriva verticarmente, ma non sono riguscito a capire in quale selettore viene definito che il sotto menų e verticale |
|
| Top |
|
|
mdweb
Dio maturo
Registrato: 18/12/07 16:59
Messaggi: 4412
|
| Inviato: 28 Giu 2009 21:14 Oggetto: |
|
|
| sevenjeak ha scritto: | | Quello che ho scelto dal link che mi hai dato si apriva verticarmente, ma non sono riguscito a capire in quale selettore viene definito che il sotto menų e verticale |
In questo selettore viene definito il sotto menų
| Codice: |
.navigate ul li ul {
margin:0;
list-style:none;
display:none;
position:absolute;
top:100%;
left:0;
background:url(Image/bg-sottomenu.png);
} |
 |
|
| Top |
|
|
sevenjeak
Semidio
Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma
|
| Inviato: 13 Nov 2009 16:35 Oggetto: |
 |
|
| Scusa per il ritardo nella risposta, cmq grazie a tutti voi |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
