Consigli per sistemare meglio il menu

[Max 1]

Le voci in quel menu prendono le misure del contenuto quindi non c'è un modo per dagli una dimensione a piacere ogni pulsante, ma puoi dare una dimensione uguale per tutti.

Per dare una dimensione variabile per ogni pulsante devi dare un id ad ogni voce del menu e specificare nel css la dimensione per ogni id

 

[paperinik4]

Credo che lo lascerò così com'è mi accontento E per quanto riguarda il resto cosa mi sai consigliare ???? E' fattibile l'idea ????

 

[Max 1]

Non ricordo di quale idea parli!

 

[paperinik4]

Devo fare la "ricerca dati" e avevo pensato di far comparire la ricerca nella stessa pagina dove c'è il menù. Però disabilitando il menù e una volta effettuata la ricerca con la sua visualizzazione dati, con un tastino del tipo "ritorno al menu" spariva tutto e il menù si riabilitare. Insomma il tastino serve esclusivamente per un refresh non automatico. Pensi che sia fattibile ????

 

[paperinik4]

Ciao Max 1,

Scusami se ti rompo di nuovo. Però come ben saprai e sicuramente ti sarà capitato acche a te le idee ti vengono mentre realizzi il programma. Ma veniamo al dunque, mi attacco a questo post perchè riguarda sempre il menu. Mi è venuta l'idea di memorizzare anche i film e quindi che ho fatto ??? Ho aggiunto la voce "Archivio Film" composta in questa maniera qua:


MENU ARCHIVIO FILM:
===============

1) Inserimento Film

2) Ricerca Film per --> Titolo - Autore - Regista

3) Cancellazione Film

4) Elenco completo film

Come potrai vedere nell'opzione n° 2 c'è un'altro sottomenu. Ora io pensavo che fosse semplice ossia facevo lo stesso procedimento per quelli precedenti di sotto voce e il gioco era fatto, seccondo me. Ma invece corca.. Mi ha fregato. Per avere i menu--> sottovoce --> sottovoce sottovoce stavolta con la freccetta a dx che indica il sottomenu cosa debbo fare ???? Spero di essermi spiegato cosa intendo fare.

 

[Max 1]

Devo fare la "ricerca dati" e avevo pensato di far comparire la ricerca nella stessa pagina dove c'è il menù. Però disabilitando il menù e una volta effettuata la ricerca con la sua visualizzazione dati, con un tastino del tipo "ritorno al menu" spariva tutto e il menù si riabilitare. Insomma il tastino serve esclusivamente per un refresh non automatico. Pensi che sia fattibile ????

Per questa cosa si potrebbe fare apparire la ricerca in una finestra overlay la quale si sovrappone alla finestra con il menu oscurandola, poi chiusa la finestra overlay, riappare la finestra sottostante con il menu!

.....Ma invece corca.. Mi ha fregato. Per avere i menu--> sottovoce --> sottovoce sottovoce stavolta con la freccetta a dx che indica il sottomenu cosa debbo fare ????......

Questa cosa ti rende la vita complicata perchè per farla come si deve si dovrebbe rifare e stravolgere il css! Oibò!!!!! Aihmè!!!!!




.

 

[paperinik4]

Tu mi potresti aiutare ???? So dichiederti tanto. Sennò qualche altra idea ???? Aiutare utenti sia la parte della ricerca e del sotto sotto menu o altra idea...

 

[Max 1]

In che modo?
Dovrei rifarti il menu? E anche la pagina per la ricerca?

 

[paperinik4]

Mar dadini qualche sito di esempio.. io ho provato a cercare dei me con sotto menu e sotto sto menu. Ma no ho trovato niente. Mari tu hai fonti diverse dalle mie. A meno che. Non sei proprio u programmatore di sito web all'ora è jn altro discorso..... ma non pretendo che perda tempo arifare da capo il tutto. Dai era doo capire se era fattibile o meno. Cercherò da qualche altra parte e prendendo spunto dalla parola che mi hai detto per la ricerca. Sicuramente sul web ci saranno degli esempi adattabili.... grazie per ora della tua collaborazione

 

[Max 1]

No non ho fonti diverse dalle tue quello che faccio è farina del mio sacco, come tutti i siti da me programmati! In rete però si trova molti menu già pronti solo da adattare. Però per non farti cercare l'ago nel pagliaio ora ti preparo un piccolo esempio di menu cun sotto>sotto menu senza mettere link e nomi che metterai poi tu e sotto l'esempio potrai apliare.
Stai collegato che lo faccio e ti mando il codice

 

[Max 1]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title></title>
<style type="text/css">
#cm-nav li a.arrow {background-image: url(arrow-right.gif)}

#cm-nav > li > a.arrow {background-image: url(arrow-down.gif)}

ul#cm-nav ,
ul#cm-nav ul {
 list-style-type: none;
 padding: 0px;
 margin: 0px;
 list-style-image: none
}

ul#cm-nav li {
 list-style-type: none;
 width: auto;
 position: relative;
 float: left;
 padding: 0px;
 margin: 0px;
 list-style-image: none
}

ul#cm-nav li li {
 width: auto;
 float: none
}

#cm-nav a {
 font-size: 9pt;
 text-decoration: none;
 border-top: black 1px solid;
 font-family: verdana;
 border-right: black 1px solid;
 background: #d6d5f0;
 white-space: nowrap;
 border-bottom: black 1px solid;
 text-align: left;
 padding: 5px;
 border-left: black 1px solid;
 display: block
}

#cm-nav a:focus {
 outline-width: medium;
 outline-style: none;
 outline-color: invert
}

#cm-nav a.no-click {cursor: default}

#cm-nav li a {margin: -1px -1px 0px 0px}

#cm-nav li li a {margin: 0px 0px -1px}

#cm-nav > li > a.arrow {padding-right: 14px}

#cm-nav ul.arrow-pad > li > a {padding-right: 11px}

#cm-nav li a.arrow ,
#cm-nav > li > a.arrow {
 background-repeat: no-repeat;
 background-position: right 50%
}

#cm-nav li ul ,
#cm-nav li:hover ul ul ,
#cm-nav li:hover ul ul ul ,
#cm-nav li:hover ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
 position: absolute;
 z-index: 999;
 display: none
}

#cm-nav li:hover ul {display: block}

#cm-nav li li:hover ul ,
#cm-nav li li li:hover ul ,
#cm-nav li li li li:hover ul ,
#cm-nav li li li li li:hover ul ,
#cm-nav li li li li li li:hover ul ,
#cm-nav li li li li li li li:hover ul ,
#cm-nav li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li li li li li:hover ul {
 margin-left: 100%;
 display: block
}

#cm-nav li:hover ul {margin-left: 0px}

#cm-nav ul ul {
 left: -1px;
 top: 1px
}

#cm-nav li {top: -1px}

#cm-nav a {background-color: #000000}

#cm-nav a {border-color: #ed1c24}

#cm-nav a {color: #ffffff}

#cm-nav li:hover > a {background-color: #ffffff}

#cm-nav li:hover > a {color: #000000}
</style>
</head>

<body style="background:#FFFFFF">
<div style="display: table; margin-left: auto; margin-right: auto">
<ul id="cm-nav">
   <li><a href="#" target="_self" class="arrow no-click">Voce con sotto menu</a>
      <ul>
         <li><a href="#" target="_self">Voce 1</a></li>
         <li><a href="#" target="_self">Voce 2</a></li>
         <li><a href="#" target="_self">Voce 3</a></li>
      </ul>
   </li>
   <li><a href="#" target="_self">Voce senza sottomenu</a></li>
   <li><a href="#" target="_self" class="arrow no-click">Voce con sotto sotto menu</a>
      <ul class="arrow-pad">
         <li><a href="#" target="_self">Voce 1</a></li>
         <li><a href="#" target="_self" class="arrow no-click">Voce 2</a>
            <ul>
               <li><a href="#" target="_self">Voce 1</a></li>
               <li><a href="#" target="_self">Voce 2</a></li>
            </ul>
         </li>
      </ul>
   </li>
   <li><a href="#" target="_self" class="arrow no-click">Voce sotto sotto sotto menu</a>
      <ul class="arrow-pad">
         <li><a href="#" target="_self" class="arrow no-click">Voce 1</a>
            <ul class="arrow-pad">
               <li><a href="#" target="_self" class="arrow no-click">Voce 1</a>
                  <ul>
                     <li><a href="#" target="_self">Voce 1</a></li>
                  </ul>
               </li>
            </ul>
         </li>
      </ul>
   </li>
</ul>
</div>

</body>

</html>

 

[paperinik4]

Grazie. Ma non volevo che perdesse tempo a riscrivere dico davvero. Sei stato molto gentile. Non merito tutta questa attenzione. E non so come ringraziarti di cuore.

 

[Max 1]

Comunque così va bene?

 

[paperinik4]

Penso di si. Sono ancora a letto che mi sono svegliato da poco. Appena mo metto al pc lo provo e ti do conferma. Comunque x ora grazie.

 

[paperinik4]

Ciao Max 1,


Il menu è andato perfettamente. Volevo sapere un ultima cosa invece, si può mettere la freccetta a dx che indica che c'è un altro sottomenu ???? Se si basta che mi dici dove la debbo inserire. Forse devo caricare l'icona ecco perchè non me la vede. Ora ci provo così poi ti saprò dire se era che mancava l'icona o meno. Si bastava mettere l'iconcina. Grazie di tutto. La discussione se vuoi si può chiudere. Appena so qualcosa ti faccio sapere.

 

[paperinik4]

Ciao Max 1,

Ho dato un'occhiata alla creazione delle finestre overlay, ma quasi tutti gli esempi che ho visto sono tutti in formato testo. Ma se io ci volessi mettere un input per la ricerca sarà fattibile in qualche modo presumo ????? Voglio vedere se c'è anche qualche esempio nel forum. Che sicuramente c'è.

 

[Max 1]

Si si può fare mettendo quello che vuoi!

 

[paperinik4]

Ciao Max 1,

Richiedo di nuovo il tuo aiuto se sei sempre disponibile.. Ho visto e provato i vari esempi che is trovano su internet delle finestre in overlay, a parte il fatto che in nussun esempio viene contemplato un campo per l'input ma quello sarebbe il meno. Ne ho provati due o tre di esempi ma sul mio editor sembra che non vadano forse manca qualche libreia o non saprei. Ho aperto una nuova discussione spiegando cosa mi serve visto che ogni problema una discussione. Qua è il link della nuova discussione. Se per te è possibile farmi un esempio semplice commentato, poi posso anche provare ad andare avanti da solo non credo che sia una cosa difficile andare avanti con un esempio di base. Questo è il link:

http://forum.mrwebmaster.it/javascript/45262-mi-aiuta-costruire-finestra-overlay.html


Grazie.

 

[Max 1]

Vediamo cosa ti rispondono lì poi si vedra cosa fare.
Però non è molto chiaro cosa vuoi ottenere!
Tu da una voce del menu vuoi aprire un overlay e dentro all'overlay cosa ci deve essere?

 

[paperinik4]

Un vampo input dove devo esegure la ricerca ad esempio del film "Altrimenti ci arrbbiamo " in questo caso per titolo poi per gli autori "Bud nSpencer & Terence Hill" ed infine per il regista (non lo metto perchè non ricordo chi sia ehehehe). Questo sui tre sottomenu che mi hai aggiunto. il tuo menu funziona alla grande. ovviamente lo adeguato e ingrandito leggermente da 9pt a 18 pt (per i cecati come me)