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

    una pagina, 2 link visitati, 2 colori, come?

    Ciao,
    problema:
    in una pagina ci saranno 2 parole (Paolo e Francesca diciamo) ogniuna sarà linka al sito di Paolo o di Francesca.
    Visitato il link ogniuno dei due nomi-link dovrebbe essere di colore diverso diciamo nero per Paolo e rosa per Francesca.
    Il link ci sarà molte volte in molte pagine.
    Come devo fare??
    Ringrazio chi avrà la voglia di spiegarmi.
    monicamarina

  2. #2
    Assegni due classi diverse.
    Es.

    <a href="link1.htm" class="fra">Francesca</>
    <a href="link2.htm" class="pao">Paolo</>

    Poi nel css imposti come vuoi es:

    .pao {
    color: #123456;
    font-size: 16px;
    }
    .pao:hover \\quando è giù
    color: #654321;
    }
    .pao:visited \\quando viene cliccato
    color: #123654;
    }

    Stessa cosa con fra.
    Chiaro?

  3. #3
    No!
    A prima vista sembrava chiaro ma poi all'atto pratico nn funziona,
    iniziando da Paolo ho scritto così:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>prova dopo consiglio</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="file:///Macintosh HD/Users/monica/Desktop/busi-casillo/foglio stile paolo.css"
    </head>

    <body>
    <font size="+7">paolo </font> </body>
    </html>

    e il foglio stile così:

    <link rel="stylesheet" type="text/css">
    .pao { color:#666600;}
    .pao { hover:#FF3300;}
    .pao { color:#33FF00;} >


    Dove sbaglio?
    monicamarina

  4. #4
    Utente di HTML.it
    Registrato dal
    Oct 2005
    Messaggi
    30
    A.pao{color:black;}
    A.pao:visted{color:blue;}
    A.pao:hover{color:red;}

  5. #5
    Quasi ci sono!

    la A. davanti a pao sta ad indicare che quanto segue si riferisce alla classe pao se ho ben capito, sbaglio?

    A.pao{color:black;}
    A.pao:visted{color:blue;}
    A.pao:hover{color:red;}

    C'è uno strano problema: nonostante visited sia di colore blue

    A.pao:visted{color:blue;}

    viene visualizzato in nero, e anche se per esempio invece di blue scrivo green resta nero!
    nn è strano?
    monicamarina

  6. #6
    Utente di HTML.it
    Registrato dal
    Oct 2005
    Messaggi
    30
    A.pao{color:black;}
    A.pao:visited{color:blue;}
    A.pao:hover{color:red;}

    avevo scritto "visted" invece che "visited"

  7. #7
    scusa ma visto che usi i css perche non elimini font e infili anche la grandezza del carattere nei css ?
    scusa e solo una curiosità che non centra nulla

  8. #8
    Perchè sono trooooooppo principiante!
    E' il primo tentativo con i css e sono molto impacciata.
    Grazie del suggerimento,farò del miomeglio per applicarlo.
    :-)
    monicamarina

  9. #9
    A.pao{color:black;}
    A.pao:visited{color:blue;}
    A.pao:hover{color:red;}
    Non così.
    Se Pao lo assegni solo al link prova così:
    .pao {
    color:black;
    }
    .pao:hover {
    color:blue;
    }
    .pao:visited {
    color:red;
    }
    Ovviamente i colori li metti #cccccc...
    Ciao

  10. #10
    Ancora qualcosa nn va.
    Attribusco le classi alle parole link poi associo i css, per qualche motivo che nn so il secondo css associato prende il sopravvento anche della parola link che è stata associata precedentemente al primo css e nn so spiegarmi perchè si instaura questa gerarchia arbitrariamente.
    Riposto il codice

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Documento senza titolo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="file:///Macintosh HD/Users/monica/Desktop/provacss/classekilo.css" rel="stylesheet" type="text/css">
    <link href="file:///Macintosh%20HD/Users/monica/Desktop/provacss/classetifon.css" rel="stylesheet" type="text/css">
    </head>

    <body>

    </a> <a href="file:///Macintosh%20HD/Users/monica/Desktop/provacss/app_25lug_1A.jpg" class="kilo">irenegrandi
    </a> <a href="file:///Macintosh%20HD/Users/monica/Desktop/provacss/app_25lug_2A.jpg" class="tifon">veronicapivetti
    </a>
    </body>
    </html>

    riporto anche il codice dei css

    .tifon {

    }

    a:link {
    color : fuchsia;
    text-decoration : none;
    }

    a:hover {
    color : purple;
    text-decoration : none;
    }

    a:visited {
    color : red;
    text-decoration : none;
    }


    .kilo {

    }

    a:link {
    color : green;
    text-decoration : none;
    }

    a:hover {
    color : lime;
    text-decoration : none;
    }

    a:visited {
    color : olive;
    text-decoration : none;
    }
    monicamarina

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 © 2020 vBulletin Solutions, Inc. All rights reserved.