• Allineamento di un testo con un'immagine...

    Al momento nel mio blog ho un menu di questo tipo:

    manzinello.com/images/menu1.jpg

    e mi piacerebbe molto avere una cosa del genere:

    manzinello.com/images/menu2.png

    per ogni voce nel menu. Inserirlo per ogni voce so come si fa, al posto di comandi php rifaccio tutto ad html per ogni voce (perchè al momento ho Home scritto in html in header.php e le altre invece sono pagine, io farei tutto in html). Il problema è come fare a mettere quell'immagine! Le ho provate tutte, ad inserire anche voci nel file css con rimandi al file php ma ritrovo sempre lo stesso problema: l'immagine viene inserita anche giusta (mettiamo che sia alta esatta come la navbar, che sono 35px, in modo che venga ben centrata verticalmente senza problemi) ma "Home" finisce sempre dove non deve finire, o va a capo creando una nuova navbar ed è una cosa veramente orribile oppure sparisce! Qualcuno sa per caso aiutarmi dandomi anche solo consigli in generale per poter riuscire ad allineare l'immagine con il testo centrato a fianco? Per lo spazio tra l'immagine e Home non c'è problema, posso anche fare l'immagine un po' più larga mettendo della trasparenza...:)


  • User Attivo

    Forse così?

    <li class="home"><a title="Homepage di OnManzyLine!" href="manzinello.com">Home</a></li>

    li.home{
    background: url(home.png) no-repeat top left;
    }
    li.home a{
    padding-left: 20px;
    }