• W
    User Newbie •

    Problema con a, a:link, a:visited

    Ciao a tutti,
    ho bisogno di un aiutino per una questione riguardante la gestione dei link con codice css.
    Io vorrei che i link non ancora visitati e anche quelli visitati siano sottolineati.
    Ora, se uso questo codice:

    a, a:link, a:visited {

    color: #663300;

    text-decoration: underline;

    }

    a:hover {

    color: #000000;

    }

    una volta che ho cliccato su un link, questo non è più sottolineato ed è nero (#000000)
    Come mai se in a:visited ho messo "underline"? Anche cancellando la stringa "text-decoration:underline" non trovo la sottolineatura.

    Grazie in anticipo

    0
  • Y
    User Attivo •

    Ciao
    Leggendo io capisco che tu vuoi che i tuoi link siano sempre sottolineati e sempre marroni?

    Bè allora se è così devi semplicemente sintetizzare il codice che hai postato in questo modo

    a, a:link, a:visited, a:hover {

    color: #663300;

    text-decoration: underline;

    }

    O anche

    a {

     color:;
text-decoration: underline;

    }

    Ma sinceramente ho paura di aver capito male. Fammi sapere se è cosi
    Ciao

    0
  • W
    User Newbie •

    Ciao e grazie per l'aiuto.
    Io vorrei questo:
    link non visitati=marrone sottolineati
    link visitati=nero sottolineati
    link hover=nero sottolineati

    Grazie mille

    0
  • Y
    User Attivo •

    Perfetto
    allora

    a:link
    {
    color: #663300;
    text-decoration: underline;
    }

    a:visited, a:hover
    {
    color: #000000;
    text-decoration: underline;
    }

    Va bene così?

    0
  • W
    User Newbie •

    Allora,
    prima non funzionava, poi ho cancellato i cookies e adesso ho questa situazione:
    tutto ok, tranne che il link visited è marrone e non nero. Però è sottolineato

    0
  • Y
    User Attivo •

    Hai la possibilità di farmi vedere i file?

    0
  • W
    User Newbie • 
    a:link
{
color: #663300;
text-decoration: underline;
}

a:visited, a:hover
{
color: #000000;
text-decoration: underline;
}

a img {
    border: none;
}





.storycontent p img {

    max-width: 400px;

}





body {

    margin: 0;

    padding: 0;

    background: #FFFFFF url(build/cd_fondo_largo.jpg) repeat-y center ;

    color: #333333;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    text-align: center;

    font-size: 11px;

    border-right-width: 1px;

    border-left-width: 1px;

    border-right-style: solid;

    border-left-style: solid;

    border-right-color:;

    border-left-color:;



}



#rap {

    margin: 0 auto;

    padding: 0;

    width: 685px;

    background: url(build/cd_fondo.jpg) no-repeat center;

    text-align: left;

    height: 100%;

    overflow: auto;

    border-right-width: 0px;

    border-left-width: 0px;

    border-right-style: solid;

    border-left-style: solid;

    border-right-color:;

    border-left-color:;









}



#header {

    margin: 0;

    padding: 15px 0px 0px;

    background: url(build/banner.jpg) no-repeat;

    height: 223px;

    text-align: center;

    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

    font-size: 34px;









}
 a:link, a:visited{

    text-decoration: none;

    color:;







}
 a:hover{





}



#navmenu {

    background-image: url(build/headerbar.jpg);

    background-repeat: repeat-x;

    margin: -15px 0px 0px;

    padding-top: 7px;

    padding-right: 0px;

    padding-bottom: 0px;

    padding-left: 0px;

    font-weight: bold;

    color:;

    font-size: 14px;

    font-variant: small-caps;

    text-decoration: none;

    height: 45px;

    text-align: left;

    border-top-width: 0px;

    border-top-style: solid;

    border-top-color:;











}


 a:link, a:visited {

    color:;

    text-decoration: none;

    font-weight: bold;

    font-variant: small-caps;

    padding-right: 10px;

    padding-left: 10px;

    padding-top: 10px;

    padding-bottom: 9px;







}




 a:hover {

    text-decoration: none;

    color: #2b3a53;

    background-color:;

    











}



/* ----------------CONTENT------------  */

#content {

    width: 380px;

    margin: 0;

    text-align: left;

    padding: 30px 15px 15px;

    line-height: 150%;

    float: left;

    background-image: url(build/grey_bar_top.jpg);

    background-repeat: repeat-x;

    background-position: center top;

    background-color: #F6F7F7;





}
 ul {



    color: #555E55;

    line-height: 175%;

    list-style: circle;

}
 ol {



    color:;

    line-height: 175%;

}









.credit {

    margin: 0 auto 0px;

    padding: 11px 3px 0px 15px;

    color:;

    text-align: center;

    background: url(build/headerbar.jpg) repeat-x;

    height: 40px;

    width: 667px;

    border-right-width: 00px;

    border-bottom-width: 00px;

    border-left-width: 00px;

    border-right-style: solid;

    border-left-style: solid;

    border-bottom-style: solid;

    border-bottom-color:;

    border-right-color:;

    border-left-color:;





}



.credit a:link, .credit a:hover, .credit a:visited {

    color: #ffffff;

    text-decoration: none;

}





.post {

    padding-bottom: 50px;



}



.storytitle {

    margin: 0;

    padding: 0;

    font-size: 20px;

    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}

.storytitle a:link, .storytitle a:visited {

    color:;

    margin: 0;

    padding: 0;

    text-decoration: none;



}



.storytitle a:hover, .storytitle a:active {

    text-decoration: none;

        color:;



}

.storycontent {

    text-align: justify;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    color:;





}

.storycontent ul, .storycontent ol {

    font:  'lucida sans unicode', 'lucida grande', verdana, sans-serif;

}



.storycontent ul li, .storycontent ol li {

    margin-top: 3px;

}



.feedback a:link, .feedback a:visited {

    color:;



}

.feedback a:hover {

    color:;



}



.meta a:link, .meta a:visited {

    color:;



}

.meta a:hover {

    color:;



}



/* Basic XHTML styling */







h1, h2, h3 {

    margin: 0px;





}



h2 {

    margin: 0 0 10;

    padding: 0;

    font-size: 110%;

    color:;

}



h3 {

    line-height: 120%;

    margin: 0px;

    padding: 0px;





}

h4 {

    color: #2C355C;

    font-size: 14px;

    font-weight: bold;



}



a img {

    border: none;

}





/* Menu styling */





#menu a:link {

    margin: 0;

    padding: 0;

    text-decoration: none;



}


 a:visited {

    color: #666666;

    margin: 0;

    padding: 0;

    text-decoration: none;



}


 a:hover, a:active {

    color:;

    text-decoration: none;

}
 p {

    font-size: 11px;

}
 {

    margin: 0;

    padding: 0 0 0 10;

    width: 268px;

    float: right;

    font-family: "Verdana Geneva Arial Helvetica sans-serif";

    font-variant: normal;

    font-size: 11px;

    background-image: url(build/white_bar_top.jpg);

    background-repeat: repeat-x;

    background-position: center top;


}


 ul {

    margin: 20px 0 20px 10px;

    font-size: 11px;

    list-style-type: none;

    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

    padding-top: 10px;

    padding-right: 2px;

    padding-left: 2px;

    padding-bottom: 10px;



}
 li {

    font-weight: bold;

    padding-top: 10px;

    border-bottom-width: 1px;

    border-bottom-style: dotted;

    border-bottom-color: #999999;


}


 ul ul {

    padding: 0;

    font-size: 11px;

    list-style-type: circle;

    margin-top: 0;

    margin-right: 0;

    margin-left: 15px;



}


 ul li ul li {

    margin-top: 2px;

    font-size: 11px;

    border: none;

    padding: 0px;

    font-weight: normal;



}
 a{

    font-weight: bold;

}


 form {

    margin: 0;

    padding-bottom: 12px;



}


 input[type="submit"] {

    background-color: #E3DDCB;

    border: 1px solid #AFA186;

    font-family: verdana, arial, helvetica, geneva, sans-serif;

    font-size: .9em;

    width: 50px;

}
 form #searchbox {

    width: 8em;

    padding: 2px;

    border: 1px solid;

    background-color: #FCFBF7;

    

}





/* Form styling */







form {

    margin: 0;

    padding: 0;

}



input, textarea {

    padding: 1px;

    border: 1px solid;

    background-color:;

    

}



acronym, abbr {

    border-bottom: 1px dashed #aaa;

    cursor: help;

    letter-spacing: .07em;

}



blockquote {

    color:;

    background-color: #eee;

    padding: 4px 11px 25px;

    margin-bottom: 15px;

    background-image: url(build/blockquote.jpg);

    background-position: center bottom;

    background-repeat: no-repeat;

    margin-top: 0px;

    margin-right: 5px;

    margin-left: 5px;







}



code {

    color:;

    padding: 4px 11px;

    margin-top: 0px;

    margin-right: 5px;

    margin-left: 5px;

    font-family: "Courier New", Courier, mono;

    width: 100%;











}



/* WordPress elements */









.meta {

    font: 10px verdana, sans-serif;

    color:;

    text-align: right;



}



.meta a {

    font: 10px verdana, sans-serif;

}



.meta ul {

    display: inline;

    margin: 0;

    padding: 0;

    list-style: circle;

}



.meta li {

    display: inline;

}



.feedback {

    color:;

    text-align: left;

    font-size: 10px;

    float: right;

    margin: 0px;

    padding: 0px;



}

/* WordPress comments form */


#commentform input[type="submit"] {

    background-color:;

    border: 1px solid;

    font-family: verdana, arial, helvetica, geneva, sans-serif;

    font-size: .9em;

}


 textarea {

    border: 1px solid;

    background-color:;

}


 textarea {

    width: 100%;

}





#commentlist {

    font-size: 11px;



}
 {

    width: 380px;



}

.comment-feedback {

    padding-bottom: 5px;

    border-bottom-width: 1px;

    border-bottom-style: solid;

    border-bottom-color: #CCCCCC;

}
 li {

    margin: 0px 0px 0px -10px;

    padding: 0px;

}
    0
  • Y
    User Attivo •

    Bè dipende dove tu utilizzi il codice di cui abbiamo parlato.

    Come ho subito pensato appena mi hai detto che si trattava di un tema wordpress, vedi che all'interno del css che hai postato ci sono molte regole che vanno a modificare il tag <a> per questo si verifica una sorta di sovrascrittura nell'istruzione.
    Dovresti verificare questa situazione o postare anche il file al quale è associato il Css.

    0
  • W
    User Newbie •

    Ciao e ri-grazie.
    In effetti, avevo pensato anche io alla stessa cosa.
    Vista la tua conferma ho fatto un tentativo e ho tolto il "none" alla stringa dei link preceduta da #header, ed ora funziona!
    Non capisco però il motivo per cui influenzi il contenuto di un semplice articolo di wordpress. Comunque, se funziona ok.
    Tuttavia, c'è un altro problema: ora il link che rimanda ad una pagina, una volta visitato, è nero e sottolineato, come volevo. Però, nello stesso articolo di wordpress c'è un link che rimanda ad un allegato. Questo, anche se visitato, rimane sottolineato e marrone. Dove può essere l'inghippo?
    Mille grazie di nuovo

    0
  • Y
    User Attivo •

    L'inghippo può essere che utilizzano due regole diverse. Dovresti analizzare per bene tutto il codice.
    Purtroppo io da qui non posso aiutarti molto se non vedo anche il codice html.

    Comunque sembra strano, sicuro che non hai altri css con regole per i testi nel tuo wordpress oltre quello che hai postato?

    Se mi dai il link del sito anche in privato posso aiutarti molto più agevolmente

    0
  • Y
    User Attivo •

    Ok ho visto il link ti confermo che il codice è confuso con parecchie regole ripetute più volte.
    Se ora mi rispieghi ad uno ad uno i problemi di volta in volta li risolviamo 😉

    0
Effettua l'accesso per rispondere