Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12

Discussione: CSS e liste

  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2003
    Messaggi
    3

    CSS e liste

    Salve ragazzi,
    ho un problema che mi sta facendo venire i capelli bianchi .. come faccio a inserire marcatori differenti per gli elementi di una stessa lista ???? Per essere chiari quello che voglio ottenere è una lista del tipo

    img1 item1
    img2 item2
    img3 item3

    spero di essere stata abbastanza chiara
    Grazie a tutti per l'aiuto

  2. #2

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2003
    Messaggi
    3
    scusa span però qui non trovo la risposta alla mia domanda ...
    ti faccio un esempio concreto io ho una lista

    <ul class="lista>[*]item1[*]item1[*]item1[/list]


    nel foglio di stile se inserisco
    ul.lista {
    list-style-image : url(list.gif);
    }

    io ho lo stesso marcatore per tutta la lista
    cosi come con
    ul.lista li {
    list-style-image : url(list.gif);
    }

    quello che voglio è inserire un marcatore diverso per ogni elemento della stessa lista cioè per il primo elemento lista1.gif per il secondo lista2.gif e così via ...
    ti prego dimmi che hai capito ora
    grazie per l'aiuto

  4. #4
    Utente di HTML.it
    Registrato dal
    Jul 2003
    Messaggi
    3
    scusa span però qui non trovo la risposta alla mia domanda ...
    ti faccio un esempio concreto io ho una lista

    <ul class="lista>[*]item1[*]item1[*]item1[/list]


    nel foglio di stile se inserisco
    ul.lista {
    list-style-image : url(list.gif);
    }

    io ho lo stesso marcatore per tutta la lista
    cosi come con
    ul.lista li {
    list-style-image : url(list.gif);
    }

    quello che voglio è inserire un marcatore diverso per ogni elemento della stessa lista cioè per il primo elemento lista1.gif per il secondo lista2.gif e così via ...
    ti prego dimmi che hai capito ora
    grazie per l'aiuto

  5. #5
    li.1 {list-style-image: url(TuaImmagine1.gif)}
    li.2 {list-style-image: url(TuaImmagine2.gif)}


    ---------------------

    <ul>
    <li class="1">prova
    <li class="2">prova2[/list]


    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  6. #6
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    Originariamente inviato da kati
    scusa span però qui non trovo la risposta alla mia domanda ...
    ti faccio un esempio concreto io ho una lista

    <ul class="lista>[*]item1[*]item1[*]item1[/list]


    nel foglio di stile se inserisco
    ul.lista {
    list-style-image : url(list.gif);
    }

    io ho lo stesso marcatore per tutta la lista
    cosi come con
    ul.lista li {
    list-style-image : url(list.gif);
    }

    quello che voglio è inserire un marcatore diverso per ogni elemento della stessa lista cioè per il primo elemento lista1.gif per il secondo lista2.gif e così via ...
    ti prego dimmi che hai capito ora
    grazie per l'aiuto
    Prova così:

    codice:
    .punto1{
      list-style-image: url(list1.gif);
    }
    .punto2{
      list-style-image: url(list2.gif);
    }
    
    e
    
    <ul>
      <li class="punto1">item1
      <li class="punto2">item2[/list]

  7. #7
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    Originariamente inviato da Jerry Masslo
    li.1 {list-style-image: url(TuaImmagine1.gif)}
    li.2 {list-style-image: url(TuaImmagine2.gif)}


    ---------------------

    <ul>
    <li class="1">prova
    <li class="2">prova2[/list]


    ops, ho risposto in ritardo :tongue:

  8. #8
    E che ritardo, ti ho preceuto di ben 60000 millesimi di secondo :quote:

    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  9. #9
    Utente di HTML.it L'avatar di bagu
    Registrato dal
    Mar 2003
    Messaggi
    620
    li {
    list-style-type: none;
    }
    <ul>[*][img]xxxxx.jpg[/img] ppppppppppppppp[*][img]zzzzz.jpg[/img] ppppppppppppppp
    [/list]
    Non so se Dio esiste ma se non esiste ci fa una figura migliore!
    - S. Benni -

  10. #10
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    Originariamente inviato da bagu
    li {
    list-style-type: none;
    }
    <ul>[*][img]xxxxx.jpg[/img] ppppppppppppppp[*][img]zzzzz.jpg[/img] ppppppppppppppp
    [/list]
    arcaico

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.