css non riconosciuto da explorer

[jos3ph]

salve a tutti, ho realizzato l'ennesimo sito e stavolta invece che le obsolete tabelle mi sono buttato nel fantastico mondo dei css, quando mai non l'ho fatto prima!

ho un piccolo problema però:
in firefox funziona tutto, in explorer la posizione definita dal css è a posto, mentre invece non viene applicato il font, la dimensione, lo stile (italic e bold), e non viene cambiato il colore delle thumbnail che funzionano da link.......

il sito non posso ancora metterlo online, posso però mettervi il contenuto del css (una parte).

un esempio preso dal css è questo:

a {font-family: times new roman; font-size: 16px; text-decoration: none;margin:0 auto; color: black;text-align:left;}

con questo, in firefox i link testuali risultano neri, senza sottolineatura e in times new roman, in explorer non viene letto il carattere ma risultano neri e senza sottolineatura. il css quindi funziona parzialmente.

se uso il tag <a> come link per un'immagine, in firefox l'immagine ha un bordo nero (corretto, esaattamente come voglio io), in explorer invece ha il bordo blu esattamente come tutti i link.

qualcuno è in grado di suggerirmi come rendere compatibile il css con explorer?

un grazie in anticipo a chi mi può dare una mano

[gra-fichetto]

"Times New Roman".
Tra virgolette.

Per le immagini all'interno del tag a:

a img{
	border: 1px solid #000
}

[jos3ph]

Originariamente inviato da gra-fichetto
"Times New Roman".
Tra virgolette.

Per le immagini all'interno del tag a:

a img{
	border: 1px solid #000
}

l'ho scritto così:

titolotnr {font-family: "Times New Roman"; font-size: 21px; text-decoration: none;margin:5 auto; color: black;text-align:center; font-style: italic;font-weight: bold; }

ma anche così non me lo prende.....

[gra-fichetto]

Non so se sia solo un errore nel copia ed incolla qui sul forum ma
titolotnr è una classe? un ID? un selettore?

[Mich_]

#titolotnr {  /* se e` in id, altrimenti un punto se e` una classe */
  font-family: "Times New Roman", serif;  /* sempre aggiungere font generico */
  font-size: 21px;
  text-decoration: none;
  margin: 5px auto;   /* unita` di misura obbligatorie nei CSS */
  color: black;
  text-align: center;
  font-style: italic;
  font-weight: bold; 
}

[jos3ph]

ecco come viene inserito titolotnr dentro l'html:

<div id="homearticolotesto"><titolotnr>

Titolo dell'articolo</titolotnr>

</div>

cosa intendi con "altrimenti un punto se è una classe" ?

scusate ma di css non sono troppo pratico, eppure con firefox funziona tutto

[gra-fichetto]

Originariamente inviato da jos3ph

cosa intendi con "altrimenti un punto se è una classe" ?

scusate ma di css non sono troppo pratico, eppure con firefox funziona tutto

Scusa. Ti ha appena risposto in maniera precisa Mich appena più su.

[jos3ph]

Originariamente inviato da gra-fichetto
Scusa. Ti ha appena risposto in maniera precisa Mich appena più su.

il fatto è che non ho capito la risposta, abbiate pietà...

[gra-fichetto]

Se vuoi mantenere il codice html che hai postato:

<div id="homearticolotesto"><titolotnr>

Titolo dell'articolo</titolotnr>

</div>

devi fare delle correzioni, ovvero (ma è solo un esempio):

<div id="homearticolotesto"><p class="titolotn">

Titolo dell'articolo</p>

</div>

al tuo css aggiungi quanto ha scritto Mich

.titolotn {  /* se e` in id, altrimenti un punto se e` una classe */
  font-family: "Times New Roman", serif;  /* sempre aggiungere font generico */
  font-size: 21px;
  text-decoration: none;
  margin: 5px auto;   /* unita` di misura obbligatorie nei CSS */
  color: black;
  text-align: center;
  font-style: italic;
  font-weight: bold; 
}

Come vedi, il codice appena su definisce una classe (ecco la motivazione della presenza del ".") che viene richiamata ed applicata nelka tua pagina HTML da class="titolotn"

Consigliabile una lettura delle guide su XHTML e CSS presenti su html.it

[Mich_]

Grafichetto, attento che hai inserito un grave errore semantico.

Il titolo DEVI renderlo con un tag <h1> o sim, altrimenti chi ha browser non visuali non puo` capire.
Ed anche la classificazione nei motori di ricerca non viene fatta correttamente.

Il codice HTML diventa:

<div id="homearticolotesto">
  <h2>Titolo dell'articolo</h2> 
  

Qui il testo dell'articolo</p>
  

....</p>
</div>

E quindi il CSS:

#homearticolotesto {
  ....
}
#homearticolotesto h2 {
  font-family: "Times New Roman", serif;  
  font-size: 200%;
  text-decoration: none;
  margin: 4em auto .5em auto;
  color: black;
  text-align: center;  /* non serve in questo contesto */
  font-style: italic;
  font-weight: bold; 
}