Collegamento on mouse over

[Pandolfo]

Come faccio ad impostare un collegamento tipo quello del menu bbc
http://news.bbc.co.uk/sport?homepage
che si sottolinea al passaggio del mouse...

grazie

[pierofix]

Devi usare i css:

a:hover {
   color:#069;
}

Questo cambia colore a tutti i link di una pagina quando ci passi sopra con il mouse.

[Pandolfo]

Io al momento uso questa strina

XXXXXXXX

è possibile modificare questa?

[pierofix]

Ma non ti sembra un casino quella stringa? I css servono proprio a questo: separi la presentazione dal contenuto e snellisci il codice di brutto.

Quello che nel tuo documento hai scritto come

<a
   href="#"
   style="color: #990000; text-decoration: none"
   onmouseover="this.style.color = '#E5620A';"
   onMouseOut="this.style.color='#990000';">

   XXX

</a>

in un documento ben fatto si trasforma in

XXX

Tutto ciò che riguarda lo stile lo metti in un file css esterno. Vuoi mettere la comodità!

[Pandolfo]

QUESTO E' LO STILE CSS DELLA TABELLA

.titoli-menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	background-color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

Come posso modificarlo come dici tu?

[pierofix]

Noi fin'ora abbiamo parlato di link, non di tabelle. Non hai detto che volevi fare in modo che al passaggio del mouse il link si colorasse?

E poi, non usare le tabelle per creare i layout dei tuoi documenti: non è logico, non è razionale e non ha senso. Dai una letta qui: www.mibmagazine.it/article.php?id=51 .

[Pandolfo]

Però quello stile condiziona anche il testo all' interno della tabella...

[pierofix]

Non ci capiamo. Tu hai un file css applicato ad ogni pagina, e tale file contiene solo quelle istruzioni per la tabella?

[Pandolfo]

no ce ne sono tante altre però questo è quello della cella con i link

[pierofix]

Ah, quindi sai cosa sono i css. Ok.

1. Ripeto: lascia perdere le tabelle per il layout.

2. Se vuoi settare il comportamento "mouseover" solo per i link contenuti in una tabella, fai così:

table a:hover {
   /* tutti gli attributi che vuoi */
}