Bottoni 
Autore: Michael A.
Visite 2576,
Followers 2,
Condiviso 0
Salve a tutti,
sto progettando un sito internet con l'ultima versione evolution 10 e non riesco a ottenere i pulsanti AZIENDA- REALIZZAZIONI ecc.. con le scritte allineate uno accanto all'altra, sono troppo distanti tra di loro, c'è un modo per far si che siano tutti vicini come una riga di testo?
nel modo che si vede nell'immagine allegata le distanze sono diverse, le parole più piccole sono troppo distanti.
Postato il
se hai usato il menu standard di website, sei legato alla larghezza dei pulsanti impostata al passo 4, menu principale, che sono tutti della medesima misura, quindi se scrivi una parola breve hai più spazio fino al prossimo pulsante... per ovviare alla distanza ottica, prova a creare le voci di menu riquadrate e con le scritte centrate in modo da avere una disposizione ottica uniforme...
oppure puoi dare un'occhiata qui...
http://www.essedi.altervista.org/_menuH/index.html
Autore
Hai capito il mio problema ma non capisco come risolvere, potresti essere più preciso?
grazie mille per la disponibilità
Autore
Autore
la soluzione finale deve essere questa:
azienda - realizzazioni - tecnologie - materiali - contact
adesso invece sono così :
azienda - realizzazioni - tecnologie - materiali - contact
va in base alla larghezza del rettangolo dei bottoni e alla lunghezza della parola se questa è più grande o viceversa
se vai al link che ti ho segnalato nel post precedente, è spiegato per filo e per segno come risolvere la tua situazione e puoi vedere il risultato delle spiegazioni nel menu della stessa pagina (i pulsanti sono adattati al testo che contengono)...
http://www.essedi.altervista.org/_menuH/index.html
... oltre a quanto ti è stato precedentemente detto...
... ... ... se provi ad esportare in rete, si potrebbe capire se fosse possibile intervenire via codice rimanendo nell'ambito del programma, semplificando...
... personalmente, non avendo attualmente il programma, potrei consultare codice ed ID direttamente sul browser, ...e possibilmente, non usare protezioni...
... ... ...
... altra idea sarebbe quella di realizzare il menu direttamente nell'Oggetto Testo di una pagina di servizio, nascosta, copiarne il codice, ed incollarlo nell'Oggetto HTML dell'Intestazione, rendendo poi le pagine al Passo_2, NASCOSTE; ...prova, semplicissimo, ...anche se parlo senza del programma...
.
ciao
Autore
come posso fare per essere aiutato? se posso incollo il codice su http://nopaste.info/
non so come modificare..
... da parte mia, non posso che ripere:
... personalmente, non avendo attualmente il programma, potrei consultare codice ed ID direttamente sul browser, ...e possibilmente, non usare protezioni... ... ... ... ...
... sempre se io possa rilevare qualcosa dal browser, ...prendi una spazio per le prove su Altervista (come fanno in tanti), pubblica esportando lì il sito, e posta qui il link ad esso...
.
ciao
Autore
ok :)
eccolo ---> http://pietrazzini.altervista.org/index.html
Autore
sarebbe sufficiente poter impostare le dimensioni di ciascun bottone
puoi anche come detto sopra da KolAsim, nascondere le pagine, in intestazione inserire del semplice testo, e poi alle parole, gli dai il link delle pagine nascoste...
Autore
:D molto utile, il semplice testo andrebbe bene, putroppo però così non è possibile sfruttare il cambio di colore del testo con il passaggio del mouse
... ho osservato la pagina, ed ho rilevato queste stringhe che ho modificato alla carlona...
... prova ad incollare in Impostazioni Generali | Esperto | /HEAD
<style>
#imMnMn {width:500px; margin-left:495px}
#imMnMn .imMnMnFirstBg .imMnMnTxt {display: inline-block; }
#imMnMn ul div .autoHide {display: inline-block;}
#imMnMn.auto li ul.auto {display: inline-block;}
#imMnMnNode0 { background-image: url('');color:white }
#imMnMnNode0:hover .imMnMnFirstBg { background-image: url('');color:red}
#imMnMnNode0.imMnMnCurrent span.imMnMnFirstBg { background-image: url('');color:red}
#imMnMnNode8 { background-image: url('');color:white}
#imMnMnNode8:hover .imMnMnFirstBg { background-image: url(''); color:red}
#imMnMnNode8.imMnMnCurrent span.imMnMnFirstBg { background-image: url('');color:red}
#imMnMnNode15 { background-image: url(''); color:white}
#imMnMnNode15:hover .imMnMnFirstBg { background-image: url(''); color:red}
#imMnMnNode15.imMnMnCurrent span.imMnMnFirstBg { background-image: url('');color:red }
#imMnMnNode16 { background-image: url(''); color:white}
#imMnMnNode16:hover .imMnMnFirstBg { background-image: url('');color:red}
#imMnMnNode16.imMnMnCurrent span.imMnMnFirstBg { background-image: url('');color:red}
#imMnMnNode23 { background-image: url(''); color:white }
#imMnMnNode23:hover .imMnMnFirstBg { background-image: url('');width:75px;color:red}
#imMnMnNode23.imMnMnCurrent span.imMnMnFirstBg { background-image: url('');color:red}
#imMnMn > UL > LI.imMnMnFirst .imMnMnFirstBg {width:auto;}
#imMnMn > UL > LI.imMnMnFirst:hover .imMnMnFirstBg {width:auto;}
#imMnMn > UL > LI.imMnMnMiddle .imMnMnFirstBg {width:auto;}
#imMnMn > UL > LI .imMnMnFirstBg > .imMnMnTxt {width:auto;}
#imMnMn > UL > LI {width:auto;margin: 2px}
#imMnMn A {width:auto;}
#imMnMn > ul {width:auto; }
#imMnMn li > ul {width:auto; }
.imMnMnBorder { background-color:black }
</style>
... provato col blocco note e Chrome, e non so se possa funzionare, e se su tutti i browser; ...è un controllo che devi fare tu, ...al limite lasci perdere, ed opti per il testo, oppure per un menu esterno alternativo...
.
ciao
Autore
ho modificato il tutto aggiungendo
#imMnMnNode*{ background-image: url(''); color:white}
#imMnMnNode*:hover .imMnMnFirstBg { background-image: url(''); color:red}
#imMnMnNode*.imMnMnCurrent span.imMnMnFirstBg { background-image:
per i bottoni successivi che dovevo aggiungere e ho allargato il width in alto! ha funzionato :D
... ottimo ...
...
Autore
ringrazio davvero tanto :D
Dato che ci sono, ne approfitto e chiedo: come è possibile cambiare il carattere del testo dei bottoni?
saluti
... potrebbe funzionare per esempio se aggiungessi alla stringa relativa a #imMnMn l'attributo font-family:"Arial"
... un qualcosa del genere:
#imMnMn {position:absolute;width:1000px; height:10px;text-align:left;left:100px; font-family:"Arial"}
... al posto di ARIAL, potresti inserire un altro font, ma sempre di quelli comuni...
... altrimenti le cose si complicherebbero, ma relativamente, e se te la senti, prova a seguire i suggerimenti di Simona(Staff), qui: http://answers.websitex5.com/post/26507
.
ciao