Printable View
ho bisogno di inserire due link nella pagina, e voglio che siano di colori diversi. però quando inserisco
.linkuno a:hover {color: #FF8000;text-decoration:underline;}
.linkuno a:visited{color: #00FFFF;}
.linkdue a:hover {color: #FF0000;text-decoration:underline;}
.linkdue a:visited{color: #FFFF80;}
il css fa confusione, cioè ad esempio se passo con il mouse sopra al linkuno nn me lo colora, se tolgo l'a:visited sì. Non si può mettere due a:visited in una stessa pagina
Sì che si può...il codice da inserire in head è di questo tipo:
[code:1:fda3db497d]a.stile1:link, a.stile1:visited, a.stile1:active { color: red; text-decoration: none; font-size: xx-small; font-weight: bold; }
a.stile1:hover { text-decoration: underline overline; }
a.stile2:link, a.stile2:visited, a.stile2:active { color: #FFFF33; text-decoration: none; font-size: x-small; }
a.stile2:hover { text-decoration: underline overline; }[/code:1:fda3db497d]
Poi ovviamente all'interno di ogni link devi inserire:
[code:1:fda3db497d]<a href="ciao.html" class="stile1">LINK</a>[/code:1:fda3db497d]
OK?
Ho provato a fare così, ma c'è ancora il solito problema, ho controllato e ricontrollato e nn capisco perchè. In pratica mi disegna i link correttamente, e quando il mouse passa sopra di essi cambiano colore e "decoration". Una volta visitati prendono il font descritto, ma l'hover nn fa + effetto (rimangono dello stesso colore, e la "decoration" nn cambia)
Nn riesco a capire dove sbaglio... :oops:
Ho copiato i parametri che ho inserito nel css...
a.link_menu:hover {color: #FFFF00;text-decoration:underline;}
a.link_menu:link, a.link_menu:visited
{
color: #2D96FF;
font-family:"Arial";
font-size:8pt;
text-decoration:none;
font-weight:bold;
}
Il tuo problema è che queste pseudo clasii, per funzionare come si deve, devono rispettare un certo ordine, e cioè:
:link
:visited
:hover
:active
riordinali tutti e vedrai che funge ;)
grande!! funziona perfettamente... grazie!
ti secca se ti chiedo ancora una cosa? volevo solo sapere se a{ } può avere proprietà come margin-top e simili, e se sì qual è la corretta scrittura, xkè x ora ho provato ma nn ci riesco :oops: . grazie ancora! ciao!
No, <a> non ha margini in quanto è un oggetto in linea, non un blocco (per capire meglio, cerca in-line e block element nel manuale che trovi su http://www.w3.org/). Anche <span> non ha margini. Margini li possono avere tra gli aaltri <div>, <table>, <p> in quanto generano un blocco di contenuti.
Ma un elemento si può rendere un blocco dicendoglielo!
con il css: display:block;
e poi gli si danno i margini ecc.
Secondo me non è una buona idea trasformare così gli elementi, meglio inserirli in un <div>, che è già un blocco generico.Citazione:
Originalmente inviato da aeclanum
Però sono solo opinioni ...