Newsgroup: it.lavoro.professioni.webmaster
Titolo: DESPERATE CSS WIVES ! (lungo)

Salve, per evitare di porre delle domande che magari qualcuno aveva gia' 
posto , ho effettuato una ricerca spasmodica , attraverso google group su 
questo NG, e 
html.it
 e altri siti di riferimento. Ma non sono riuscito a 
capire il perche' con IE6, che sappiamo perdona molte cose del W3C.org, si 
vede quello che vorrei che si vedesse, mentre invece con firefox i colori 
dei TITOLI mi appaiono tutti neri....
questo e' il codice della pagina ... se qualcuno vuole perdere pochi secondi 
per dargli un'occhiata
gliene saro' grato :))
non riesco a venirne a capo !
Grazie in anticipo a chiunque mi risponda
a presto :)
******************* CODICE HTML ******************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <title>TITOLO PROVVISORIO</title>
    <meta name="keywords" content="BLA BLA BLA">
</head>
<body>
<style type="text/css">
body { margin-left: 15px; margin-right: 15px; margin-top: 15px; 
margin-bottom: 15px; background:#bb0000; }
body { scrollbar-base-color: #0099ff; scrollbar-arrow-color: #ffff00; 
scrollbar-LightShadow-Color: #ffff00; scrollbar-DarkShadow-Color: #0000ff; }
.titolo1 {font-family: arial, Verdana, sans-serif; font-size: 72pt; 
font-weight: bold; text-align: "left";}
.titolo2 {font-family: arial, Verdana, sans-serif; font-size: 72pt; 
font-weight: bold; text-align: "left";}
.titolo3 {font-family: arial, Verdana, sans-serif; font-size: 74pt; 
font-weight: bold; text-align: "left";}
.titolo1 {position:absolute; top:0px; left:350px; z-index:2;}
.titolo2 {position:absolute; top:50px; left:550px; z-index:2;}
.titolo3 {position:absolute; top:105px; left:0px; z-index:2;}
.titolo1 {color:"#ff9933"}
.titolo2 {color:"#99ff00"}
.titolo3 {color:"#ffff00"}
.titolo3 {padding-left="580"}
.titolo4 {font-family: arial, Verdana, sans-serif; font-size: 72pt; 
font-weight: bold; text-align: "left";}
.titolo5 {font-family: arial, Verdana, sans-serif; font-size: 72pt; 
font-weight: bold; text-align: "left";}
.titolo6 {font-family: arial, Verdana, sans-serif; font-size: 74pt; 
font-weight: bold; text-align: "left";}
.titolo4 {position:absolute; top:5px; left:355px; z-index:1;}
.titolo5 {position:absolute; top:55px; left:555px; z-index:1;}
.titolo6 {position:absolute; top:110px; left:0px; z-index:1;}
.titolo4 { color: "#ff0000";}
.titolo5 { color:"#009900";}
.titolo6 { color:"#999900";}
.titolo6 {border-style: double; border-top: none; border-left: none; 
border-color: #ffff00; border-width: 3pt;}
.titolo6 { padding-left="585"}
.titolo7 {font-family: arial, Verdana, sans-serif; font-size: 72pt; 
font-weight: bold; text-align: "left";}
.titolo7 {position:absolute; top:250px; left:500px;}
.titolo7 { color: "#ff0000";}
.img1 {position:absolute; top:400px; left:100px; border-style: solid; 
border-color: #ffff00; border-width: 1pt;}
.img2 {position:absolute; top:400px; left:350px; border-style: solid; 
border-color: #ffff00; border-width: 1pt;}
.img3 {position:absolute; top:400px; left:600px; border-style: solid; 
border-color: #ffff00; border-width: 1pt;}
.img4 {position:absolute; top:400px; left:850px; border-style: solid; 
border-color: #ffff00; border-width: 1pt;}
</style>
<style type="text/css">
body {
background-image: url(img.jpg);
background-repeat: no-repeat;
}
</style>
<span class="titolo1">PRIMO</span>
<span class="titolo2">SECONDO</span>
<span class="titolo3">TERZO</span>
<span class="titolo4">PRIMO</span>
<span class="titolo5">SECONDO</span>
<span class="titolo6">TERZO</span>
<span class="titolo7">SETTIMO</span>
<span class="img1">
<center>
<a href="pag01.html">
<img src="img.jpg" border="0">
</a>
<p>
<span class="testo">Testo<br>su due righe
</center>
</span>
</span>
<span class="img2">
<center>
<a href="pag01.html">
<img src="img.jpg" border="0">
</a>
<p>
<span class="testo">Testo<br>su due righe
</center>
</span>
</span>
<span class="img3">
<center>
<a href="pag01.html">
<img src="img.jpg" border="0">
</a>
<p>
<span class="testo">Testo<br>su due righe
</center>
</span>
</span>
<span class="img4">
<center>
<a href="pag01.html">
<img src="img.jpg" border="0">
</a>
<p>
<span class="testo">Testo<br>su due righe
</center>
</span>
</span>
</body>
</html> 

[cut]
Togli le virgolette dall'attributo "color" delle classi .titolo#, che
magari funziona.
p.s.: hai creato sette classi per i titoli. 6 te le potevi risparmiare
utilizzando h1, h2, h3, h4, h5, h6 e assegnando loro le stesse
proprieta' che hai assegnato alle classi .titolo#. Sarebbe
semanticamente piu' corretto, i motori di ricerca apprezzerebbero, e
il documento HTML sarebbe piu' facile da gestire anche per te.

 il documento HTML sarebbe piu' facile da gestire anche per te.
qui proprio non ho capito.:(
ho fatto anche diverse prove....
consultato come al solito 
html.it
ma nulla...

 il documento HTML sarebbe piu' facile da gestire anche per te.
scusami qui viene fuori l'aborigeno australiano che e' in me e che si
diletta a fare siti :))
mi puoi dire il comando esatto per favore ?