Celle rollover con css

[Moro]

la mia intenzione era di creare dei link in modo che al passaggio del mouse sopra di essi si illuminasse lo sfondo dietro di essi (per intenderci: effetto simile al menu di html.it)...so che è cosa abbastanza banale, ma gradirei che qualcuno mi aiuti perchè io rischio di fondermici la testa

[floyd46]

se avessi cercato qualche articolo sulle pseudoclassi, ne avresti trovati a migliaia. Cmq prova a fare in questo modo:

.tuaclasse a:link, .tuaclasse a:visited{
color:#fff;
background:#f60;
font-weight:bold;
}

.tuaclasse a:hover{
color:#fff;
background:#000;
}

così applichi solo la classe ai link che ti interessano e non per tutta la pagina.
Prova e facci sapere
Floyd

[Moro]

Grazie!
Ma il codice mi conviene metterlo nella pagina o va bene sul css?
e per richiamarlo solo sui collegamenti che mi interessano come faccio?
Se sapevo che si faceva con una pseudoclasse non c'era bisogno che lo cercavo

[pierofix]

Esempio da adattare alle tue esigenze:

html.it

/* anteponendo un punto al nome della classe puoi editare tutti gli elementi cosi' definiti */ 
.linkbello {
   color:#000;
   text-decoration:none;
   padding:0.5em;
}
/* Il selettore :hover serve a impostare lo stile quando il mouse è posto sopra l'elemento */
.linkbello:hover {
   color:#fff;
   background-color:#000;
}

[Moro]

ok...quindi con la pseudoclasse posso inserire in una pagina diversi tipi di link,giusto?...grazie, appena ne avrò possibilità proverò

[Moro]

i due codici che mi avete proposto sono differenti!
devo mettere
.linkbello aver
oppure
.linkbellover
?

[pierofix]

.linkbello:hover

[Moro]

si, infatti così mi funzionava..
ma perchè se inserito in una tabella (non ti preoccupare, stavolta è per un tabellario ) la cella diventa più alta e il link va a finire in basso?

[pierofix]

Mmm, aspetta, qui la situazione si fa più complicatina.

Dovresti confrontare gli attributi applicati al link e quelli applicati alla cella: magari ci sono dei margin o padding che si sommano.

[Moro]

ok, guarderò...un'altra cosa...cosa c'è di sbaglaito in

h5 {
	font-family: "Times New Roman", Times, serif;
	color: #CCCCCC;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	text-align: center;
	text-decoration: none;
}