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

    Immagine differenziata elenco puntato

    Ciao ragazzi, ho una domanda facile, credo.

    Ho un elenco puntato, al quale ho associato una immagine personalizzata:
    codice:
    #content ul{
    list-style-image: url(/media/Triangolo2.gif)
    }
    Ora vorrei che questa immagine fosse differente, quando nell'elenco ci sono dei link, piuttosto che voci normali.

    Ho provato a fare 3 cose:
    codice:
    ul.content a:link, a:visited, a:active{
    list-style-image: url(/media/TriangoloBlu2.gif)
    }
    codice:
    ul#content a:link, a:visited, a:active{
    list-style-image: url(/media/TriangoloBlu2.gif)
    }
    codice:
    #content ul a:link, a:visited, a:active{
    list-style-image: url(/media/TriangoloBlu2.gif)
    }
    In tutti e tre i casi però non funziona, l'immagine resta quella impostata nel primo esempio che ho fatto.

    Come faccio ad impostare una diversa immagine da associare SOLO ai link presenti tra le voci dell'elenco puntato?

    Grazie!

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    L'attributo list-type si puo` applicare ad oggetti <ul>/
    1. oppure ai
    2. contenuti. NON si puo` applicare ai link o altri tag.

      E occorre partire dalla marcatura, altrimenti non si puo` applicare correttamente uno stile.

      Supponendo quindi una marcatura del tipo:
      codice:
      <div id="content">
        <ul>
    3. elemento semlice <li class="conLink">elemento con link ...
codice:
</div>
il CSS dovra` essere del tipo:
codice:
#content ul {
  list-style-type: none;
}
#content li {
  list-style-image: url(/media/Triangolo2.gif)
}
#content li.conLink {
  list-style-image: url(/media/TriangoloBlu2.gif)
}
Attenzione che le sintassi proposte da te non hanno logica: probabilmente volevi scrivere (ad esempio):
codice:
#content ul a:link, #content ul a:visited, #content ul a:active { ...
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Rispondi quotando Rispondi quotando

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.