Autore Topic: Problemi con CSS per tag <hr>  (Letto 2932 volte)

0 Utenti e 2 Visitatori stanno visualizzando questo topic.

Problemi con CSS per tag <hr>
« il: 17 Febbraio 2006 12:59:35 »
Ciao a tutti,
premetto che non sono un esperto con i css, però ho cominciato ad usarli per validare il codice HTML delle mie pagine secondo lo standard del W3C, che non permette, per esempio, gli attributi bordercolor, backgroundimage, ecc. Ho usato alcune righe inserite nel tag <head><style ecc. ecc.>, non un foglio css esterno e tutto funzionava bene. Da quando sono passato a Firefox, però, ho un problema: il browser legge correttamente i css relativi ai bordi e agli sfondi delle tabelle, ai margini della pagina...Insomma tutto tranne quello relativo alle linee orizzontali
, che invece altri browser interprtano correttamente.
Queste sono le stringhe in questione:
<STYLE TYPE="text/css">
<!--
table.css { font-size: 12px; font-family: Times New Roman; 
border: solid 2px #800000 }

td.css {
   font-size: 12px;
   font-family: Times New Roman;
   border: solid 1px #800000;
   background-image:       url(images/tela.jpg);
}

hr.css { color: #800000; }
-->

</STYLE>
Qualcuno sa come posso risolvere questo problema?

Offline klades

  • Moderatore
  • Post: 5788
    • http://www.nic-nac-project.org/~kaosmos
Re: Problemi con CSS per tag <hr>
« Risposta #1 il: 17 Febbraio 2006 13:11:52 »
hr.css { color: #800000; }
Modifica così:

hr.css {
background-color: #800000;
color: #800000;
}

Solo IE usa color per hr, opera e mozilla/firefox usano background-color.
Ciao, Paolo

Re: Problemi con CSS per tag <hr>
« Risposta #2 il: 18 Febbraio 2006 12:23:54 »
Ciao Paolo, grazie per la risposta.
Però ho cambiato il codice come mi hai detto, ma le linee sono ancora visualizzate con il colore di default di Firefox, ignorando il valore css.
Ti posto il tag per intero:

Codice: [Seleziona]
<style type="text/css">
<!--
all.clsMenuItemNS{font: bold x-small Verdana; color: white; text-decoration: none;}
.clsMenuItemIE{text-decoration: none; font: bold xx-small Verdana; color: white; cursor: hand;}
A:hover {color: orange;}
BODY
{
scrollbar-base-color: #800000;
scrollbar-arrow-color: lightgrey;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;

}
-->
</style>
<STYLE TYPE="text/css">
<!--
table.css { font-size: 12px; font-family: Times New Roman; 
border: solid 2px #800000 }

td.css {
font-size: 12px;
font-family: Times New Roman;
border: solid 1px #800000;
background-image:       url(images/tela.jpg);
}

hr.css { color: #800000; }
-->

</STYLE>
Qualche suggerimento?
Grazie,
Daniele
« Ultima modifica: 18 Febbraio 2006 13:10:01 da flod »

Offline flod

  • Amministratore
  • Post: 15057
    • http://www.flod.org
Re: Problemi con CSS per tag <hr>
« Risposta #3 il: 18 Febbraio 2006 13:11:24 »
Io ho l'impressione che tu non abbia fatto la modifica indicata da Klades: io continuo a vedere solo color :?

Usa il tag code quando inserisci del codice ;)

Offline klades

  • Moderatore
  • Post: 5788
    • http://www.nic-nac-project.org/~kaosmos
Re: Problemi con CSS per tag <hr>
« Risposta #4 il: 19 Febbraio 2006 14:29:24 »
Codice: [Seleziona]
<style type="text/css">
hr.css { color: #800000; }
Qualche suggerimento?
Questa è la riga che devi cambiare in
Codice: [Seleziona]
hr.css {
background-color: #800000;
color: #800000;
}

Offline iacchi

  • Amministratore
  • Post: 6368
    • iacchiblog
Re: Problemi con CSS per tag <hr>
« Risposta #5 il: 19 Febbraio 2006 14:36:53 »
c'è anche questo topic un po' vecchiotto sul tag hr, magari ti può essere utile: http://forum.mozillaitalia.org/index.php?topic=7611

Niente da fare!
« Risposta #6 il: 20 Febbraio 2006 01:42:31 »
Grazie a tutti per i suggerimenti.
Il codice che avevo postato nella discussione precedente era quello non ancora modificato, però anche aggiungendo l'attributo background-color continuo a vedere le linee grigie. La stessa cosa succede con l'ultima versione di Opera. Cmq ho messo la pagina (con il codice modificato) online http://www.silvanabrunotti.it
Magari proverò a guardare anche la vecchia discussione, sperando di trovare una soluzione.

Re: Problemi con CSS per tag <hr>
« Risposta #7 il: 20 Febbraio 2006 01:48:12 »
Come non detto,
Nell'altra discussione che mi avete segnalato c'è la soluzione.
Ho risolto così:
Codice: [Seleziona]
hr {  color: #800000;
      background-color: transparent;
      height: 2px;
      border-width : 2px;
      border-color : #800000;
      border-style : solid none none none;
      }

Grazie a tutti!
 :D

0 Utenti e 2 Visitatori stanno visualizzando questo topic.