Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    376

    Allineare immagine in lista <li>

    Ciao
    con questo css inline:

    <li id="mialista" style="list-style-image:url('mia.gif'); no-repeat left 10px;" ></li>

    quando appare la gif quest'ultima non è allineata col testo: come faccio ad avere immagine e testo sulla stessa linea?

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    conviene impostare il list-style-type su none e aggiungere l'immagine come sfondo della oce elenco

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    376
    Quote Originariamente inviata da Prill Visualizza il messaggio
    conviene impostare il list-style-type su none e aggiungere l'immagine come sfondo della oce elenco
    ho fatto così:

    <li id="mialista" style="list-style-type: none; list-style-image:url('mia.gif'); no-repeat left 10px;"></li>

    ma non è cambiato nulla: immagine mia.gif e il testo sono sempre disallineati, uno più su e l'altro più giù

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    codice HTML:
    background:url(mia.gif) no-repeat 0 10px
    modifica poi la posizione secondo le tue esigenze, conviene azzerare anche margini e padding e ripristinarli con valori corrispondenti alle tue esigenze

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.