Menù orizzontale in basso 
Author: Pasquale D.
Visited 1155,
Followers 1,
Shared 0
Buon giorno, ho un esigenza un po' particolare : un menù orizzontale in basso a destra e allineato a destra.
Premetto che almeno nella home, non ci sono contenuti, non c'è header e il footer.
Quindi ho impostato un header alta 600pixel e il body 0 pixel.
Questo ovviamente mi comporta che nelle altre pagine dove ci dovranno essere contenuti,
non potrò utilizzare gli strumenti di wsx5, perchè l'altezza è 0 pixel, dovrò fare tutto da codice e metterlo in head, probabilmente.
Volendo mantenere questo layout, avete soluzioni dove ho comunque un body da 400, 600pixel e con il menù in basso a destra?
Grazie!
Posted on the
Author
Ad esempio, se metto in head un codice del genere
<style type="text/css">
#imMenuMain {position:fixed; top:600px; }
</style>
il menù mi si dovrebbe abbassare.....suppongo e invece no.
Ho capito poco ma l'id imMenuMain non è più presente nella 10 (lo trovi, per esempio, nella 8).
Proverei questo:
<style>
#imMnMn {position:fixed; top:auto; bottom:0; left:auto; right:0;}
</style>
... se quel poco che ho capito, l'ho capito bene.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
Bravo, questo è quello che intendevo, il codice era vecchio e per questo non funzionava, grazie ma....
il problema è sopratutto un altro.
Mi spiego :
Supponiamo che io lavoro su di un monitor relativamente piccolo e imposto che il menù deve stare a circa 600/700/800 pixel dal top.
Sul mio monitor piccolo, vedrò il menù in prossimità del lato basso dello schermo.
Se vado a vedere il sito su di un monitor relativamente grande, il menù sarà sempre a 600/700/800 pixel dal top, lasciando uno spazio enorme tra la fine del menù, e il margine inferiore dellol schermo.
Quindi mi ci vorrebbe un menù che si sposta verticalmente adattandosi alla risoluzione.
La stessa cosa accade per il margine destro o sinistro.
Ad esempio se metto un widget di add this, di follow, quello posizionato in alto a destra....
a prescindere della risoluzione del monitor, si sposta orizzontalmente di conseguenza "da solo", mi ci vorrebbe una cosa del genere.
Se non è chiaro, dimmelo ....grazie!
Author
ho risolto, poi ti spiego (percentuuali).
Intanto grazie!
Non sto più nella pelle, aspetto con ansia le tue spiegazioni
Perché usare WS se devi scrivere tutto il codice a manina?
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
top:90% , left o right: 0px; e width: sempre in percentuale e ottengo che il menù dista sempre il 90% dal top a prescindere dalla risoluzione del monitor.
Questo era la prima cosa da risolvere, la seconda è questa :
Dovrei avere dei contenuti che in verticale si adattano a questa distanza da l top 90% che varia in funzione del monitor.
si accettano consigli.
E' vero, sto facendo e debbo fare tutto da codice, lo richiede il layout grafico, però....
comporre avendo a disposizione una griglia, su cui disporre gli oggetti html, credo che agevoli, mentre scriverli in head, body etc; equivale scriverli a mano.