HOVER non funziona perchè?

**stanto** · 06-07-2006, 16:36

Ciao a tutti. Nel foglio di stile per il mio sito ho inserito pure il comando a : hover per far si che al passaggio del mouse su un link questo cambi colore. Ma nn ha effetto!!!!!

Aiuto!!!!

I codice è :
HTML {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
FONT-SIZE: 75%; FONT-FAMILY: lucida consol; TEXT-ALIGN: center
}

DIV#container {
BORDER-RIGHT: 0px solid; MARGIN: 0px auto; BORDER-LEFT: 0px solid; WIDTH: 760px; TEXT-ALIGN: center; COLOR: #E0FFFF
}

DIV#header {
COLOR: #FF8C00; BACKGROUND-COLOR: #000033; TEXT-ALIGN: center
}

DIV#footer {
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; COLOR: #ADD8E6; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #000033; TEXT-ALIGN: center
}

A {
FONT-WEIGHT: bold; COLOR: #ADD8E6; TEXT-DECORATION: none;TEXT-DECORATION: none
}

DIV#content {
PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; PADDING-TOP: 1em
}

A:hover{
color

range
}

**Mega69** · 06-07-2006, 17:02

Non si scrive hover attaccato alla parentesi graffa

**Mich_** · 06-07-2006, 17:02

Anzitutto ci son una valanga di errori di sintassi: i tag HTML vanno scritti minuscoli, e cosi` pure i selettori (poi ci sono browser che interpretano anche i selettori maiuscoli).

E comunque non posti il codice HTML ne` il DOCTYPE, per cui non e` possibile capire dove sta il problema.

**stanto** · 06-07-2006, 17:10

Grazie per aver risposto subito!E scusate gli errori miei grossolani!Sto cominciando ora ad usare i css..
Ho messo uno spazio tra hover e la graffa, ma nn funziona ugualmente.

Index:
<html>
<head>
<title></title>
<STYLE type=text/css>@import url( monofisso.css );A#viewcss {FONT-WEIGHT: bold; COLOR: #00f}
</STYLE>
</head>

<body bgcolor="#000033">

<DIV id=container>

<DIV id=header>

</DIV>

<DIV id=content>

<object type="application/x-shockwave-flash" data="terra.swf" width="760" height="450">
<param name="movie" value="terra.swf"/>
</object>
</P>

<H4> <font color="#ADD8E6"> Italiano</font><font color="#ADD8E6"> English</font><font color="#ADD8E6">Chinese</font></H4></p>

</DIV>
<DIV id=footer>

Best view at 1024x768

Macromedia Flash Player 9 Require: download

Contact: <A TEXT-DECORATION: none href="mailto:info@hermesite.com">info@hermesite.co m</DIV>
</DIV>

</body>
</html>

**Al_katraz984** · 06-07-2006, 17:14

Mmh xke scrivi un pò in minuscolo e un pò in maiuscolo???

i tag HTML vanno scritti minuscoli, e cosi` pure i selettori (poi ci sono browser che interpretano anche i selettori maiuscoli).

Riscrivi le pagine e poi vedi se funziona..

**Mega69** · 06-07-2006, 17:16

Originariamente inviato da stanto

<STYLE type=text/css>@import url( monofisso.css );A#viewcss {FONT-WEIGHT: bold; COLOR: #00f}
</STYLE>

Sostituiscilo con <link type="text/css" rel="stylesheet" href="monofisso.css" />

**TomStardust** · 06-07-2006, 17:17

Dovresti prima di tutto trasformare in minuscoli tutti i tag, poi inizierei con l'eliminare quei <font color="..">.
Se vuoi dare un colore ai collegamenti tramite il foglio di stile infatti, dovrai togliere il codice che interferisce, vedrai che qualcosa cambia.

**stanto** · 06-07-2006, 17:30

Raga! Ho messo tuttto in minuscolo ma nada! :rollo:

**salasir** · 06-07-2006, 17:37

Secondo me dovresti togliere tutto quanto riguarda la presentazione (font, ecc) e spostare il tutto nel CSS. Soprattutto:

codice:

<font color="#ADD8E6">  Italiano</font>

Infatti se tu imposti un colore nel css e poi nel codice, quest'ultimo avrà il sopravvento, o potresti addirittura creare confusione al browser che non sa a chi dar retta.

**Mich_** · 06-07-2006, 17:41

In realta` ci sono altre cose che non vanno.
Anzitutto mescoli formattazione HTML e formattazione CSS: in tali casi non sai mai quale verra` seguita dal browser. Devi quindi eliminare tutti i tag e gli attributi di formattazionei.

Poi devi decidere inche linguaggio scrivi: non e` possibile altrimenti correggere, senza una sintassi di riferimento (vedi DOCTYPE).

Ecco alcuni link che ti possono servire:
http://css.html.it/articoli/leggi/45...blemi-dei-css/
http://webaim.org/articles/siteredesign/index.php

Discussione: HOVER non funziona perchè?

Strumenti discussione

Ricerca discussione

Visualizza

HOVER non funziona perchè?

Permessi di invio