Visualizzazione dei risultati da 1 a 8 su 8

Discussione: elenco e links con css

  1. #1

    elenco e links con css

    Ciao a tutti
    due domandine:

    io ho inserito un in una pagina con i 4 colori
    a:visited ...etc
    nella stessa pagina dovrei inserire un altro link ma questo dovrebbe avere degli altri colori
    è possibile che due links della stessa pagina possano avere colori diversi?

    Seconda domanda:
    ho un elenco
    vorrei che al posto dei pallini ci fossero delle immaginine
    fin qui tutto ok ho inserito
    #elencoplus li
    {
    margin-left:15px;
    color:#C00;
    font-weight:bold;
    }
    ma io vorrei che ogni frase avesse un'iconcina diversa, è possibile questo?

    grazie mille
    Ctrl+Alt+Canc
    www.minium.it
    VIETATO CHIUDERE GLI OCCHI
    www.infolav.org

  2. #2

    Re: elenco e links con css

    Originariamente inviato da minium

    nella stessa pagina dovrei inserire un altro link ma questo dovrebbe avere degli altri colori
    è possibile che due links della stessa pagina possano avere colori diversi?
    ti crei un id/class e lo associ al link interessato.


    vorrei che al posto dei pallini ci fossero delle immaginine
    codice:
    li
    {
       list-style: none;    //  così levi il puntino
       background: url(path/file.ext) no-repeat 10% 50%;
    }
    uso il "background" e non il "list-style" in quanto mi permette di posizionare l'immagine dove desidero e di gestire item su più righe. le percentuali sono casuali, trova te quelle giuste.


    ma io vorrei che ogni frase avesse un'iconcina diversa
    ti crei un id per ognuna e cambi il background-image.

  3. #3

    Re: Re: elenco e links con css

    Originariamente inviato da gabip87
    ti crei un id/class e lo associ al link interessato.



    codice:
    li
    {
       list-style: none;    //  così levi il puntino
       background: url(path/file.ext) no-repeat 10% 50%;
    }
    uso il "background" e non il "list-style" in quanto mi permette di posizionare l'immagine dove desidero e di gestire item su più righe. le percentuali sono casuali, trova te quelle giuste.



    ti crei un id per ognuna e cambi il background-image.
    mille grazie lo proverò
    Ctrl+Alt+Canc
    www.minium.it
    VIETATO CHIUDERE GLI OCCHI
    www.infolav.org

  4. #4

    Re: Re: Re: elenco e links con css

    Originariamente inviato da minium
    mille grazie lo proverò
    in riferimento al link inserisco la es class="icona_uno" all'interno del a href

    e poi metto
    a icona_uno:link
    /scusami ma sono alle prime armi con il css
    Ctrl+Alt+Canc
    www.minium.it
    VIETATO CHIUDERE GLI OCCHI
    www.infolav.org

  5. #5

    Re: Re: Re: elenco e links con css

    Originariamente inviato da minium
    mille grazie lo proverò
    ho messo così:

    <a href="mio_sito" target="_blank" class="codice_clienti">

    a .codice_clienti:link
    {
    color: #FF9900;
    }
    a .codice_clienti:visited
    {
    color: #FF9900;
    }
    a .codice_clienti:hover
    {
    color: #FF9900;
    }
    a .codice_clienti:active {
    color: #FF9900;
    }

    ma non va
    Ctrl+Alt+Canc
    www.minium.it
    VIETATO CHIUDERE GLI OCCHI
    www.infolav.org

  6. #6
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    togli gli spazi prima del punto

    a.codice_clienti....
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  7. #7
    [QUOTE]Originariamente inviato da fcaldera
    togli gli spazi prima del punto

    a.codice_clienti.... [/QUOgrrr..TE]

    si in effetto avevo sistemato e funzionava il tutto
    Ctrl+Alt+Canc
    www.minium.it
    VIETATO CHIUDERE GLI OCCHI
    www.infolav.org

  8. #8

    Re: Re: elenco e links con css

    ti crei un id per ognuna e cambi il background-image. [/QUOTE]

    per il punto elenco con img diversificate tutto ok fino al primo bullet
    in xhtml ho inserito <li class="www">preventivo in 3 minuti e acquisto su internet
    <li class="tel">assistenza al telefono
    <li class="sms">memo scadenze via sms

    css
    ul.icon li
    {
    list-style:none;
    margin:0;
    padding:0;
    }

    ul.icon
    {
    width:800px;
    }

    ul.icon,.www li li
    {
    line-height:25px;
    padding-left:33px;
    background:url(immagini/icona_www.gif) no-repeat 32px 32px
    }

    ul.icon,.tel li li li
    {
    line-height:25px;
    padding-left:33px;
    background:url(immagini/icona_tel.gif) no-repeat 32px 59px
    }

    ul.icon,.sms li li
    {
    line-height:25px;
    padding-left:33px;
    background:url(immagini/icona_sms.gif) no-repeat 32px 90px
    }

    ma mi appare solo un'icona nel terso e le prime due sccompaiono

    perche!!!!!
    grazie dell'aiuto
    Ctrl+Alt+Canc
    www.minium.it
    VIETATO CHIUDERE GLI OCCHI
    www.infolav.org

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.