Proprietà A:hover e altre non funzionanti con ASP.NET 2,0

**RAVALON** · 31-08-2007, 20:47

Salve a tutti....

quando programmavo con ASP Classic utilizzavo un CSS con elementi cosi disposti...

codice:

.Testi {
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: Black;
}
.Testi a:link {
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight:bold;
text-decoration: none;
color: #004080;
}
.Testi a:visited {
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-decoration: none;
color:#004080;
}
.Testi a:hover {
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-decoration: none;
color:#FF8000;

In modo da dare alla stessa classe tutte le caratteristiche necessarie....

...mi avevano insegnato cosi e ammettendo che non sia regolare funzionava....

Ora su ASP.NET non mi prende le proprietà ...cioè....

Come nel codice sopra inserito...mi prende il testo ma non le proprietà del Link al passaggio del mouse etc.etc...

mi sapete dire come devo cambiarlo ?

Grazie mille

**fcaldera** · 31-08-2007, 20:56

A prescindere da cosa venga usato lato server (ASP, PHP, Ruby on Rails, Java etc...) il CSS agisce sempre e solamente sul codice html che viene restituito al browser

togliendo qualche inesattezza, quelle istruzioni possono essere raggruppate in modo più ottimizzato

codice:

.Testi {
  font: 10px Verdana;
  font-style: normal;
  font-weight: normal;
  color: #000;
}

.Testi a {
  font-weight:bold;
  text-decoration: none;
  color: #004080;
  /* il font è ereditato di norma dal padre */
}

.Testi a:link,
.Testi a:visited {
  color:#004080;
}

.Testi a:hover { color:#FF8000; }

Se non funziona probabilmente o non stai applicando correttamente questo css (ad esempio non esiste la classe "Testo" nell'html) oppure hai altre regole css che seguono in cascata sovrascrivendo queste.

Posta un link ad pagina se puoi. Oppure posta il codice html e css completo (e non il codice dei sorgenti .asp/.aspx)

**RAVALON** · 31-08-2007, 21:29

Ti ringrazio per la dritta....

proverò e ti farò sapere..ciao

**RAVALON** · 01-09-2007, 16:29

ho preso il file cosi come me lo hai scritto senza aggiungere altro...tanto per fare una prova

ho creato una nuova pagina che non ereditasse da nessun'altra stili o altro..

Mi riconosce tutto ma non le proprietà del link...cioè se ho un link non me lo riconosce col colore giusto...tutto quello che sta su Testi A eccetera non me lo considera proprio, sebbene nell'editor del file CSS (TOp Style Pro e anche quello interno di Visual Web Developer) venga correttamente riconosciuto con tanto di anteprima corretta !!!

Da cosa dipende ????

**fcaldera** · 01-09-2007, 19:52

Originariamente inviato da fcaldera
Posta un link ad pagina se puoi. Oppure posta il codice html e css completo (e non il codice dei sorgenti .asp/.aspx)

**RAVALON** · 01-09-2007, 20:02

Vi posto il codice HTML di una pagina praticamente vuota usata per evitare che ci fossero interferenze di sorta

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
	Untitled Page
</title><link href="Stile.css" rel="stylesheet" type="text/css" /></head>
<body>
    <form name="form1" method="post" action="default2.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEzOTQzMTM4MzRkZPxBJpPjTnPmgAOvBltBYHeIz2B4" />
</div>

    <div>
        
è qui-->HyperLink
    </div>
    </form>
</body>
</html>

**fcaldera** · 01-09-2007, 20:05

e dove sarebbe l'elemento che ha classe 'Testi' ?

la notazione

.Testi a

è applicata a tutti quei link contenuti all'interno di un elemento cha ha classe 'Testi'... e per puro caso (era un esempio) te l'avevo scritto anche nel primo post...

**RAVALON** · 01-09-2007, 20:28

Non c'è bisogno di fare dello spirito...ho solo cambiato il nome della classe da TESTI a TITOLIBIANCHI...

il problema non è quello

**fcaldera** · 01-09-2007, 20:34

nessuno spirito. Capita diverse volte e a chiunque.

Comunque controlla

- che maiuscole/minuscole siano rispettate nei nomi di classi/id e che i tag siano in minuscolo (ciò vale sia per html che per css.
- che la regola venga effettivamente applicata al link (potresti controllare con firebug, estensione di firefox che fa tra le altre cose anche questo tipo di verifica)
- se sei in ambiente unix controlla maisucole/minuscole del nome di file css (Stile.css è diverso da stile.css)
- prova a togliere lo stile in linea del link (display: inline-block e il resto)

**fcaldera** · 01-09-2007, 20:37

Originariamente inviato da RAVALON
ho solo cambiato il nome della classe da TESTI a TITOLIBIANCHI...
il problema non è quello

quindi stai dicendo che Testi era il nome della classe del link?

E allora non devi scrivere

.Testi a

perchè non c'è nessun link dentro l'elemento con classe .Testi... già coincidono.

quindi il css diventa

codice:

.TitoliBianchi {
  font: 10px Verdana;
  font-style: normal;
  font-weight:bold;
  text-decoration: none;
  color: #004080;
}

.TitoliBianchi:link,
.TitoliBianchi:visited {
  color:#004080;
}

.TitoliBianchi:hover { color:#FF8000; }

Discussione: Proprietà A:hover e altre non funzionanti con ASP.NET 2,0

Strumenti discussione

Ricerca discussione

Visualizza

Proprietà A:hover e altre non funzionanti con ASP.NET 2,0

Permessi di invio