[HTML] MENU VERTICALE SEMPRE VISIBILE

[TONY1960]

SALVE, dovrei creare per il sito della nostra webradio, un menu verticale che mi riporti alle celle dei vari speaker nella pagina "speakers"
Ad ogni foto della pagina è associato un'ancora (segnalibro) quindi avrei bisogno dello script completo, ad esempio
Speaker1 >link>segnalibro
Speaker2> link>segnalibro
speaker3.......
..... speaker20....

grazie

 

[Max 1]

Ciao
A parte che il titolo della discussione dice una cosa mentre il testo ne chiede un'altra, il fatto di chiedere di farti lo script completo non è nell'uso degli aiuti del forum; mi spiego meglio se tu hai un codice che non funziona e una poarte di codice che non riesci a completare, noi siamo qui e sempre pronti a dare una mano, ma se ci viene chiesto di fare un lavoro al posto dell'utente la cosa cambia, per questo genere di aiuto c'è la sezione apposita "Offerte e Richieste di Lavoro e/o Collaborazione".
Poi volevo anche chiedere, ma quello che ha fatto il sito non sa richiamare delle ancore?
Sposto in quella sezione

 

[TONY1960]

ciao,
scusa se ho fatto una richiesta così ma, il sito l'ho fatto io, che non sono un genio, essendo la radio amatoriale e non a scopo di lucro, cercavo qualcosa a titolo gratuito . per quanto riguarda le ancore, ebbene si non so come richiamarle. Se mi potete aiutare ve ne sarò grato, altrimenti , e lo dico senza nessuna polemica, capisco la vostra posizione, cercherò qualche altra soluzione e se non la trovo pazienza, resterà così.
Grazie comunque per la risposta

 

[Max 1]

MENU VERTICALE CON IMMAHINI

<div style="display: table">
<ul id="cm-nav">
   <li><a href="#speeker1" target="_self"><img src="image1.png" width="59" height="60" alt=""/></a></li>
   <li><a href="#speeker2" target="_self"><img src="image2.png" width="59" height="60" alt=""/></a></li>
   <li><a href="#speeker3" target="_self"><img src="image3.png" width="59" height="60" alt=""/></a></li>
   <li><a href="#">................</a></li>
   <li><a href="#">..................</a></li>
</ul>
</div>

CSS (Esempio si può modificare)

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

ul#cm-nav ,
ul#cm-nav ul {
 list-style-type: none;
 border-right: black 1px solid;
 border-bottom: black 1px solid;
 padding: 0px;
 margin: 0px;
 list-style-image: none
}

ul#cm-nav li {
 list-style-type: none;
 position: relative;
 padding: 0px;
 margin: auto;
 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;
 background: #d6d5f0;
 white-space: nowrap;
 color: black;
 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 ,
#cm-nav > li > a.arrow {padding-right: 4px}

.arrow-pad#cm-nav > li > a ,
#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 {
 position: absolute;
 z-index: 999;
 display: none
}

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

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

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

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

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

CODICE DOVE METTERE I CONTENUTI A CUI PUNTA IL MENU

<div id="speeker1">
    Inserire qui il contenuto per il link speeker1
</div>
<div id="speeker2">
    Inserire qui il contenuto per il link speeker2
</div>
<div id="speeker3">
    Inserire qui il contenuto per il link speeker3
</div>

 

[TONY1960]

GRAZIEEEEEE

 

[TONY1960]

SE mi date il consenso citerò il vostro aiuto durante la mia trasmissione, naturalmente a titolo gratuito

 

[Max 1]

Fai pure!
Ciao