Newsgroup: it.comp.www.html
Titolo: Stile css non rispettato

Scusate la domanda forse banale, ma non ho trovato risoluzione
cercando con google nei vecchi post.
Ho associato ad una pagina degli stili css per i link (a:link,
a:hover,  e a:active).
Per hover e active nessun prob, ma i link IE continua a
visualizzarmeli col colore di defaulti (blu) e la sottolineatura. Come
fargli capire che non deve farlo?
Synth
Ecco il codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>crocodile</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<style type="text/css">
<!--
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: lowercase;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 1pt;
	word-spacing: normal;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: lowercase;
	color: #3399FF;
	text-decoration: none;
	letter-spacing: 1pt;
	word-spacing: normal;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: lowercase;
	color: #FF9933;
	text-decoration: none;
	letter-spacing: 1pt;
	word-spacing: normal;
}
-->
</style>
</head>
<body background="1vbartex.jpg" leftmargin="0" topmargin="0"
marginwidth="0" marginheight="0">
<table width="154" height="594" border="0" cellpadding="0"
cellspacing="0" background="1vbar.jpg">
  <tr>
    <td align="right" valign="top"> 
        <table width="145" border="0" cellpadding="0" cellspacing="0"
class="unnamed1">
          <tr> 
          <td width="27" align="center" valign="middle">&nbsp;</td>
          <td width="73" height="130">&nbsp;</td>
        </tr>
        <tr> 
            <td height="30" align="center" valign="middle"><img
src="disc.gif" width="13" height="13"></td>
            <td><a href="1main.htm" target="mainFrame">chi
siamo</a></td>
        </tr>
        <tr> 
          <td height="30" align="center" valign="middle"><img
src="disc.gif" width="13" height="13"></td>
            <td><a href="1bottom.htm" target="mainFrame">dove
siamo</a></td>
        </tr>
        <tr> 
          <td height="30" align="center" valign="middle"><img
src="disc.gif" width="13" height="13"></td>
            <td><a href="1main.htm"
target="mainFrame">servizi</a></td>
        </tr>
        <tr> 
          <td height="30" align="center" valign="middle"><img
src="disc.gif" width="13" height="13"></td>
            <td><a href="1bottom.htm" target="mainFrame">scheda
tecnica</a></td>
        </tr>
        <tr> 
          <td height="30" align="center" valign="middle"><img
src="disc.gif" width="13" height="13"></td>
            <td><a href="1obar.htm"
target="mainFrame">produzioni</a></td>
        </tr>
        <tr>
          <td height="30" align="center" valign="middle"><img
src="disc.gif" width="13" height="13"></td>
            <td><a href="1vbar.htm"
target="mainFrame">contatti</a></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>

visualizzarmeli col colore di defaulti (blu) e la sottolineatura.
A me si visualizzano correttamente.
Per il resto, ti suggerirei di validare il codice del CSS e anche
dell'html su 
http://www.w3c.org
 , di definire il tag alt per le
immagini e di abbandonare le tabelle.
Matteo
------------------------------------------
Un po' di là dal mare c'è una terra chiara
che di confini e argini non sa
------------------------------------------

 <style type="text/css">

Al posto di a:link devi usare solo a (link non ancora visitato) e
volendo anche a:visited
(link già visitato).
Così:
<style type="text/css">
<!--
a, a:visited {

Nell'esempio ho lasciato lo stesso stile ad a e a:visited, ma volendo
possono essere diversi.
Fammi sapere.
Maidiremai  
-- 
Posted via Mailgate.ORG Server - 
http://www.Mailgate.ORG

(link già visitato).
Mah, quello non dovrebbe essere un problema. Che versione di M$IE
state usando?
"a" può tornare comodo per raggruppare attributi che non cambiano
nelle 4 pseudoclassi (ad es tipo e dimensione del font, padding e
margin eccetera), in modo da non doverle ripetere e semplificare
future modifiche.
Il link non ancora visitato è a:link
"The :link pseudo-class applies for links that have not yet been
visited."
(
http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes
)
Ad ogni modo, aggiungo che per motivi di compatibilità è bene definire
le quattro classi in quest'ordine:
a:link
a:visited
a:hover
a:active
Ciao
