Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    <li> in linea con immagine

    Ciao, vorrei disporre un elenco non ordinato, con una immagine al posto del solito disco, il linea.
    Assegnando "display: inline;" al[*] le voci vengono messe in linea ma l'immagine non viene visualizzata.
    Ho provato ad assegnare margini e larghezze varie ma... niente da fare.
    Ecco il codice html
    codice:
    <div>
    <ul>[*]Voce1[*]Voce 2 [*]Voce 3 [/list]
    </div>
    Ecco il css
    codice:
    li {
    	list-style-image: url(immagini/bullet.gif);
    	display: inline;
    }

  2. #2
    codice:
    li {
      list-style: none;
      background: url(puntino.gif) 0 50% no-repeat;
      padding-right: xx /* dipende dalla larghezza dell'immagine*/
    Cambia il posizionamento dell'immagine finchè non ottieni l'effetto desiderato. Puoi usare le parole chiave (top, bottom, right, left, center), i px, gli em, o le %. ciao

  3. #3
    Bè dato che deve solo assegnare un'immagine al posto del pallosissimo pallino forse li conviene usare la proprietà apposita!

    list-style: url(immagini/bullet.gif);

    non l'ho mai provato,ma siamo sicuri che il:

    list-style-image: url(immagini/bullet.gif);

    da te usato sia corretto?
    ..::::#:.TrVe Norvegian Black Metal.:#::::..

  4. #4
    Ho fatto una prova..
    il problema non è la proprietà css da te usata!

    Ho provato anche io a dare un padding ma nulla!
    ..::::#:.TrVe Norvegian Black Metal.:#::::..

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 © 2025 vBulletin Solutions, Inc. All rights reserved.