Back to top

Autore Topic: a:visited con immagini mi fa tribulare  (Letto 3280 volte)

Offline Npaquito

  • Abituale
  • ****
  • Post: 1832
    • Mostra profilo
a:visited con immagini mi fa tribulare
« il: 23 Mar 2012, 11:04:53 »
Hola

Sto disegnando un template dove i link sono immagini, il link dovrebbe essere una immagine e hover e visited dovrebbero essere un'altra, con il hover funziona ma con il visited non c'e verso, vi posto i codici:

Codice: [Seleziona]
.centro11 a:link{
float: left;
width: 60px;
height: 60px;
margin: 0 25px 2px 0;
text-align: center;
padding-bottom: 5px;
background:url(/demo1/templates/logos/images/DIMBN.png)
}
.centro11 a:hover, .centro11 a:visited{
background:url(/demo1/templates/logos/images/DIM.png)
}
e
Codice: [Seleziona]
<div class="centro11"><a target="_blank" href="/demo1/catalogos/DIM.pdf">[/url]</div>ho dimenticato qualcosa?

ho rovato anche con:
Codice: [Seleziona]
.centro11 a:link{
float: left;
width: 60px;
height: 60px;
margin: 0 25px 2px 0;
text-align: center;
padding-bottom: 5px;
background:url(/demo1/templates/logos/images/DIMBN.png)
}
.centro11 a:visited{
background:url(/demo1/templates/logos/images/DIM.png)
}
.centro11 a:hover{
background:url(/demo1/templates/logos/images/DIM.png)
}
ma niente
« Ultima modifica: 23 Mar 2012, 11:10:19 da Npaquito »
web design, web mobile

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4047
  • Sesso: Maschio
    • Mostra profilo
Re:a:visited con immagini mi fa tribulare
« Risposta #1 il: 23 Mar 2012, 11:19:36 »
Verifica l'ordine dei link LVHA e dai un'occhiata a questa pagina di Eric Meyer (il guru dei CSS) : http://meyerweb.com/eric/css/link-specificity.html

Offline Npaquito

  • Abituale
  • ****
  • Post: 1832
    • Mostra profilo
Re:a:visited con immagini mi fa tribulare
« Risposta #2 il: 23 Mar 2012, 11:42:15 »
Hola e grazie xplosion

Non ho capito troppo, comunque il LVHA l'ho pure provato:

...
Codice: [Seleziona]
.centro11 a:link{
float: left;
width: 60px;
height: 60px;
margin: 0 25px 2px 0;
text-align: center;
padding-bottom: 5px;
background:url(/demo1/templates/logos/images/DIMBN.png)
}
.centro11 a:visited{
background:url(/demo1/templates/logos/images/DIM.png)
}
.centro11 a:hover{
background:url(/demo1/templates/logos/images/DIM.png)
}
...
dici che dovrei aggiungere  /* specificity = 1,1 */ dopo i mandati della classe?
web design, web mobile

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4047
  • Sesso: Maschio
    • Mostra profilo
Re:a:visited con immagini mi fa tribulare
« Risposta #3 il: 23 Mar 2012, 12:11:44 »
stai scherzando? quello è un commento.
io dicevo solo di fare attenzione all'ordine dei link, l'ordine che spesso molti webmaster non danno importanza, LVHA (cioè link, visited, hover, active)

Offline Npaquito

  • Abituale
  • ****
  • Post: 1832
    • Mostra profilo
Re:a:visited con immagini mi fa tribulare
« Risposta #4 il: 23 Mar 2012, 14:08:36 »
Hola

Grazie di nuovo, allora posso eliminare il LVHA dalla lista di sospettati.
web design, web mobile

 



Web Design Bolzano Kreatif