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

    Pseudo-classi e link colori differenti

    Ciao a tutti, seguendo le guide ho realizzato un foglio di stile esterno alla mia pagina in cui ho definito il tag A con questi parametri:

    A:link {
    COLOR: #00421e; TEXT-DECORATION: none
    }
    A:visited {
    COLOR: #00421e; TEXT-DECORATION: none
    }
    A:hover {
    COLOR: #BA8B08; TEXT-DECORATION: none
    }

    poi per specificare uno stile diverso solo per un tipo di testo, ho creato questa pseudo-classe:

    .testo05 {
    FONT-SIZE: 11px; COLOR: #666666; LINE-HEIGHT: 18px; FONT-FAMILY: Arial; LETTER-SPACING: 0px; TEXT-DECORATION: none
    }
    A.testo05:link {
    COLOR: #666666; TEXT-DECORATION: none
    }
    A.testo05:visited {
    COLOR: #666666; TEXT-DECORATION: none
    }
    A.testo05:hover {
    COLOR: #BA8B08; TEXT-DECORATION: none
    }

    infine ho richiamato lo stile con <... class="testo05">, ma il problema è che il testo linkato non prende le caratterestiche della pseudo-classe ma invece quelle del tag A.
    Un aiutino?
    Grazie.

  2. #2
    Devi definire il tag cui applichi la classe:

    a.testo05 {
    FONT-SIZE: 11px; COLOR: #666666; LINE-HEIGHT: 18px; FONT-FAMILY: Arial; LETTER-SPACING: 0px; TEXT-DECORATION: none
    }


    NOTA:
    scrivi tutto in minuscolo nei css... è + bellO!
    By Pegoraro Marco
    http://adessoweb.biz- AdessoWEB - Siti web professionali a prezzo accessibile!
    http://consulenza-web.com- Il mio blog!

  3. #3
    Grazie Marburg, ho definito il tag A come da tuo consiglio..ma il problema rimane

  4. #4

    Re: Pseudo-classi e link colori differenti

    Originariamente inviato da lapiadina
    ho definito il tag A con questi parametri:
    A:link {
    COLOR: green; TEXT-DECORATION: none
    }
    A.testo05:link {
    COLOR: RED;
    }
    Ti garantisco che
    ciao
    funziona perfettamente. (nel tuo codice non importa ripetere il Text-decoration).
    Se usi IE controlla di aver svuotato la cache...

  5. #5
    non saprei, forse perchè l'ho inserito all'interno di questo codice:

    <IEownload ID="marqueedata" STYLE="behavior:url(#default#download)" /><p align="left" class="testo05"><marquee
    id="externalmarquee" direction="up" scrollAmount="2"
    style="width:159px;height:180px;border:0px solid red;padding-left:6px;padding-right:6px"
    onMouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=2" src="news_short.asp"
    border="0">
    </marquee>

    il codice mi serve per creare un scroll verticale.

  6. #6
    Originariamente inviato da lapiadina
    non saprei, forse perchè l'ho inserito all'interno di questo codice:
    Infatti... nel tuo codice NON c'è il tag <a> che ti sei andato a definire nel css.

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.