Funzione color

[Piermy]

Salve, vorrei capire il perchè la funzione "color" è ininfluente su questo script scritto così, grazie:



<font size="2" color="#A2A9E7">pagina 1</font></p>;

mentre se scrivo così funziona:


<font size="2" color="#A2A9E7">pagina 1</font></p>;

Pier Mario

[salasir]

Perchè di default ci sono dei fogli di stile (CSS) già definiti per le pagine e sicuramente lo stile riguarda i link (blu - normale, viola - visitato, ecc..)
Se vuoi definire lo stile generico per i link devi farlo nel tuo foglio di stile, altrimenti devi definire il color con uno span dopo il tag <a>:

<font size="2"><span color="#A2A9E7">pagina 1</span></font></p>

[Mich_]

Anzitutto color NON E` una funzine. E` un attributo del tag <font>

Secondo: il tag <font> e` deprecato (se non eliminato), per cui non conviene usarlo

Terzo: gli attributi di formattazione, vanno spostati nei CSS, altrimenti qualche browser potrebbe non riconoscerli.

Risposta alla domanda:
Il tag <a> ha una formattazione default per cui non eredita alcuni parametri del contenitore.
Inoltre color e text-decoration nella situazione :link sono diversi dalla situazione :hover (ma per i dettagli dipende dal browser).

Concludendo

 ... <a class="specialink" ...>pagina 1</a> ... </p>

Con CSS

.specialink: {
  size: smaller;
  color: #A2A9E7;
}
.specialink:hover {
  color: #A2A9E7;
  text-decoration: none; /* se serve */
}

[Piermy]

Vi ringrazio per l'aiuto fornitomi.-

Oltre a questi qui sotto, dove posso reperirne altri ?
"a" si riferisce al link
" a hover" al link quando ci passi sopra col mouse
" a active" al link una volta cliccato
" a visited" ?

Grazie
Pier

[webdemo]

Originariamente inviato da Piermy
Vi ringrazio per l'aiuto fornitomi.-

Oltre a questi qui sotto, dove posso reperirne altri ?
"a" si riferisce al link
" a hover" al link quando ci passi sopra col mouse
" a active" al link una volta cliccato
" a visited" ?

Grazie
Pier

visited=visitato, gia visitato, già visto...

http://www.w3.org/TR/CSS21/selector....pseudo-classes

ciaux

[Piermy]

Dunque, nel file css ho messo:
a.pphtmscelta1:link {size: smaller; color: #A2A9E7;}
a.pphtmscelta1:hover {size: smaller; color: #A2A9E7;}
a.pphtmscelta1:active {size: smaller; color: #A2A9E7;}
a.pphtmscelta1:visited {size: smaller; color: #A2A9E7;}

mentre nel file:
http://www.libriantichicavallero.com/scelta1.php
ho messo:


1
2
3
ecc.....fino al 40.-
Come è possibile che passandoci sopra col mouse ai detti collegamenti di vedano ugualmente mentre io non voglio che appaiano neanche quando ci si passa sopra col mouse ?

Provate pure: li trovate tra il link "LIBRI ANTICHI" ed il link "ULTIME ACQUISIZIONI"

[webdemo]

Originariamente inviato da Piermy
a.pphtmscelta1:hover {size: smaller; color: #A2A9E7;}

prova così:

a.pphtmscelta1:hover {size: smaller; color: #A2A9E7; background-color: #A2A9E7;} 

ciaux

[Mich_]

Anzitutto ti consiglierei di scegliere un linguaggio HTML specifico ed usarlo correttamente (io consiglio sempre XHTML 1.0 Strict).
Tu stai ancora programmando in un linguaggio vecchio, che potrebbe non essere supportato dai browser futuri.

Poi c'e` un grosso errore semantico, che i browser non sempre ti lasciano passare: usi lo stesso colore per sfondo e primopiano. A quel punto prova a specificare contemporaneamente background e color in tutte le pseudoclassi: puo` darsi che i browser te lo lascino passare, ma dipende anche da come sono programmati

Ma tornando a programmazione semanticamente corretta, se vuoi nascondere un oggetto, basta che gli dai:
visibilty: hidden;
oppure
display: none;

Nel tuo codice ci sono anche altri errori:
un erorre JS:

Torna indietro</p>

Questo potrebbe non funzionare (dipende dal browser): infatti l' href viene eseguito dopo che il JS ha ordinato il .go(), ma prima che lo esegua, eliminandone l'effetto.
Sostituisci il JS con:
history.go(-1); return false;

Poi ci sono tutti gli attributi di formattazione: spostali nel CSS, e lascia codice pulito.

[salasir]

Originariamente inviato da Piermy
Dunque, nel file css ho messo:
a.pphtmscelta1:link {size: smaller; color: #A2A9E7;}
a.pphtmscelta1:hover {size: smaller; color: #A2A9E7;}
a.pphtmscelta1:active {size: smaller; color: #A2A9E7;}
a.pphtmscelta1:visited {size: smaller; color: #A2A9E7;}

Ricorda che le pseudoclassi per i link hanno un ordine ben preciso da mantenere:

[list=1][*]link[*]visited[*]hover[*]active[/list=1]

[Piermy]

grazie dei vs insegnamenti, però vi chiedo:
se nascondo un oggetto (che immagino possa essere anche un link o più link alle pagg. 1.htm, 2.htm, 3.htm, ecc.. come nel mio caso) , i robot indicizzano ugualmente tali pagg. ?

e ancora non ho ben capito come dovrei scrivere, forse così ?
echo "<a href=\"#\" onclick=\"history.go(-1); return false\">Torna indietro</a>";

Grazie