Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,610

    mettere immagine di elenco solo quando è presente link

    salve

    ho una serie di ul li con alcuni li con tag a altri no
    io vorrei fare un css che mi metta l'immagine solo in quelli in cui è presente un link

    per farlo ipotizzavo una cosa del genere

    ul a:link
    {

    }

    li a:link
    {
    color:red;
    list-style-image: url(images/sep_footer.jpg);
    }

    ma non va
    R.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ci son da fare alcune considerazioni sugli elementi a blocco e su altre cose: dovresti studiare meglio i CSS.
    Inoltre il list-style non si puo` applicarlo ad un tag diverso da ul, ol o li

    Comunque dato:
    codice:
    <ul>[*]...[*]...
      ...[/list]
    Ti conviene eliminare il list-style da tutti i[*], ed inserire invece un'immagine di sfondo dentro gli <a>:
    codice:
    ul, li {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    ul a {
      display: block;
      width: 100%;
     height: 100%;
      margin: 0 0 0 10px;    /* regolalo in base all'immagine */
      padding: 0;
      background: url(...) no-repeat center left;
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,610
    Originariamente inviato da Mich_
    Ci son da fare alcune considerazioni sugli elementi a blocco e su altre cose: dovresti studiare meglio i CSS.
    Inoltre il list-style non si puo` applicarlo ad un tag diverso da ul, ol o li

    Comunque dato:
    codice:
    <ul>[*]...[*]...
      ...[/list]
    Ti conviene eliminare il list-style da tutti i[*], ed inserire invece un'immagine di sfondo dentro gli <a>:
    codice:
    ul, li {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    ul a {
      display: block;
      width: 100%;
     height: 100%;
      margin: 0 0 0 10px;    /* regolalo in base all'immagine */
      padding: 0;
      background: url(...) no-repeat center left;
    }
    si ok ma pechè
    li a
    {

    }

    non funziona ? in questo caso sto "caratterizzando" un a o un li ?
    come faccio a "dire" caratterizza li che hanno dentro un tag a ?
    non fa ?
    R.

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Originariamente inviato da yag
    si ok ma pechè
    li a
    {

    }

    non funziona ? in questo caso sto "caratterizzando" un a o un li ?
    come faccio a "dire" caratterizza li che hanno dentro un tag a ?
    non fa ?
    li a { ...
    significa tutti i tag <a> contenuti dentro un tag[*].
    Stai dando uno stile ad un link, ed un link non puo` avere un list-style

    Non esiste il modo di definire "tutti i[*] che contengono un <a>. Sarebbe il selettore di "genitorialita`"; qualcuno lo ha proposto, ma non credo sia ancora stato discusso. Nella migliore delle ipotesi potrebbe divenire praticamente usabile tra 5 - 10 anni (un paio d'anni per la discussione iniziale, un altro paio d'anni per le discussioni tecniche, poi il tempo per l'implementazione in tutti i browser).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,610
    Originariamente inviato da Mich_
    li a { ...
    significa tutti i tag <a> contenuti dentro un tag[*].
    Stai dando uno stile ad un link, ed un link non puo` avere un list-style

    Non esiste il modo di definire "tutti i[*] che contengono un <a>. Sarebbe il selettore di "genitorialita`"; qualcuno lo ha proposto, ma non credo sia ancora stato discusso. Nella migliore delle ipotesi potrebbe divenire praticamente usabile tra 5 - 10 anni (un paio d'anni per la discussione iniziale, un altro paio d'anni per le discussioni tecniche, poi il tempo per l'implementazione in tutti i browser).
    ecco capito il concetto grazie
    R.

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.