"sballamento" elementi al click, come risolvere ?

[anerDev]

Ciao a tutti !

Avrei due problemi nel mio sito, raggiungibile da qui: http://andreagerm.altervista.org/blog

1° quando clicco su uno dei tasti del menù vorrei che il testo si rimpicciolisse ed il tasto accanto non si avvicini;

2° quando cliccate sul pulsante quadrato sotto il menu, che fa comparire quel div sovrapposto, se fate caso, di sotto fa rientrare il titolo verso destra, in poche parole c'è qualcosa che non va con lo z-index !

Come posso risolvere questi problemi ?

Non so se sono stato chiaro !

Grazie

[Prill]

Per quanto riguarda il menu, sarà necessario specificare una larghezza (o per le voci elenco o per i link - e in questo caso andrà su di essi un display:block). Per quanto riguarda il div a comparsa, lo spostamento è dovuto al contenuto visualizzato che fa apparire la barra di scorrimento verticale

[anerDev]

impostando una larghezza fissa, se la parola è più lunga come fa ad entrare ?

E per il div a comparsa come risolvo ?

[Prill]

La contraddizione è che devono esserci delle voci elenco che si adattino alle dimensioni del testo, ma non si riducano rimpicciolendo il carattere (e quindi non si adattino al testo). Per evitare quell'effetto ad elastico sullo stato active in cui il carattere è più piccolo è necessario specificare la larghezza (sulla base dello spazio occupato dal link più lungo, ma nulla ci vieta di differenziare le dimensioni delle voci elenco - è poco pratico ma nel caso di un collegamento con un testo particolarmente lungo può tornare comodo), che farà che tutti i link conservino la loro posizione, oppure non variare le dimensioni del testo sui diversi stati del link.

Per quanto riguarda lo spostamento dovuto allo scrolling, si potrebbe ovviare forzando la visualizzazione della barra di scorrimento verticale anche se non è necessaria
[code]
html {overflow-y: scroll}
[code]

oppure accorciando il div a comparsa che potrebbe avere su di sé lo scrolling (dopo aver impostato su di esso un'altezza e un overflow:auto)