[RISOLTO]problema posizione Immagine menu

[giovdj]

Sera raga ho un problemino con l'inserimento in modo esatto delle immagini nei menu in pratica invece di uscire alla destra della descrizione viene messa sopra e quindi mi fa diventare il menu molto grande ecco il link per visualizzarlo spero che qualcuno possa aiutarmi e dirmi quale riga devo modificare grazie in anticipo


http://www.lapaginasportiva.it/nuovo2/

[rafs]

ciao, non so se ho capito bene il problema.
Ho fatto un tentativo con ispeziona elemento di chrome sul template.css alla riga  (dalla 348 alla 357) in questo modo:

Codice: [Seleziona]

}
[class*="avatar-main-menu"] li span,
[class*="avatar-main-menu"] li a {
   color: #fff;
    display: left_inner;
    line-height: 50px;
    padding:  20px;
   text-transform: capitalize;
    text-decoration: none;
}
Se è questo quello che intendevi setta poi i parametri padding e line-height come meglio credi.

[giovdj]

in pratica voglio che viene visualizzato immagine e nome sulla stessa riga invece ora e visualizzato su 2 righe

[rafs]

e stai parlando degli avatar che compaiono nel menu? in questo caso quel codice dovrebbe andare.

[giovdj]

ho provato ma mi aumenta o diminuisce il rigo del menu

[rafs]

allora forse visualizzo diversamente dal portatile.


Fatto altra prova e anche così vedo iconcina e testo nella stessa riga, comunque credo che devi un pò trovare la soluzione ottimale ma sempre su quel pezzo di css. Così lo vedo bene e forse è come dire pù corretto:

Codice: [Seleziona]

}
[class*="avatar-main-menu"] li span,
[class*="avatar-main-menu"] li a {
color: #fff;
    display: inline;
    line-height: 40px;
    padding: 0 10px;
text-transform: capitalize;
    text-decoration: none;
}

[giovdj]

ok tutto apposto ma ora c'è il tasto home sovrapposto alla scritta

[rafs]

ok tutto apposto ma ora c'è il tasto home sovrapposto alla scritta

si avevo notato anche io pensavo fosse sempre la mia risoluzione, prova con display: inline-block.

[giovdj]

ottimo grazie infinite 

[rafs]

di nulla