altezza HR a meno di...1

[mosquito70]

Ciao,
imposto l'HR nel seguente modo

.hrred
{height: 0.1em;
margin: 0; padding: 0; color: #f00; background-color: #F00; border: 0; 
width: 98%; 
}

Ma mi visualizza in stampa e a video come se fosse

1px o height="1" in Html "puro"

Dove sbaglio?
e perchè non riesco a visualizzarlo come nell'esempio del seguente link

http://blog.alsacreations.com/2004/1...ise-hr-sous-ie


Nel codice lo richiamo semplicemente così

<hr class=""hrred"">

[mosquito70]

scusate, ma

possibile che non ci sia una soluzione?

ciao ciao

p.s. (aggiunta)
ho provato a copiare e incollare quello che c'è nel sito indicato, ovvero

    hr {
      border: 0;
      width: 80%;
    }

    hr.hr2 {
      color: #f00;
      background-color: #f00;
      height: 1px;
    }

....
<hr class="hr2" />

ma niente. Nada de nada! Viene grande più di quella che compare nel sito

Ma come è possibile?
L'unica cosa che mi viene in mente è che io scrivo la hr all'interno di una tabella, semplicemente così:

<tr>
<td width=""100%"" colspan=""2"">  <hr class=""hr2"" /> </td>
</tr>

[ricman]

Originariamente inviato da mosquito70
possibile che non ci sia una soluzione?

Io ho copiaincollato il tuo codice e la barra, a parte il colore, mi viene come quella nel sito che indichi...

Forse non ho capito il problema...

[mosquito70]

Intanto grazie della risposta

Il problema è se in visualizzazione si "vede" piccola, quando vado a stampare è "grande".
Però questo mi capita anche se vado sul link e faccio anteprima di stampa. Mi si vede più grande di quello che è a video

A te succede lo stesso?
Io uso IE



(scusate i termini non proprio tecnici utilizzati )

[ricman]

Originariamente inviato da mosquito70
Il problema è se in visualizzazione si "vede" piccola, quando vado a stampare è "grande".
Però questo mi capita anche se vado sul link e faccio anteprima di stampa. Mi si vede più grande di quello che è a video

A te succede lo stesso?
Io uso IE

Scusa... non avevo guardato la stampa. Oltretutto non stampo quasi mai e non sono esperto di questa cosa...
Ho provato ed io con l'anteprima non le vedo proprio le linee orizzontali (<hr>).

Vediamo se qualcuno con esperienza può dirci qualcosa in più...

Ciao

[mosquito70]

up

Scusate, ma non riesco a trovare una soluzione...e purtroppo è diventato urgente

Qualcuno sa darmi una mano?

grazie

[mosquito70]

up

[Mich_]

Non so risponderti esattamente (non ho neppure capito se il problema e` che viene troppo alto o troppo basso), ma posso fare alcune considerazioni (argomenti su cui pensare).

In IE, se vuoi un blocco piu` basso dell'altezza del carattere, devi anche specificare font-size:1px (o simile), altrimenti il blocco non diventa piu` piccolo dell'altrezza del carattere (anche se non c'e` scritto nulla dentro).

Inoltre in tutti i browser 0.1em potrebbe essere equivalente a 1px, ma dipende dal carattere e da come viene fatto l'arrotondamento (in quei casi uno o due px di differenza dal previsto e` "normale" - fa parte degli errori di arrotondamento, su cui non si puo` avere controllo).

Terzo. Il tag <hr> e` discutibile: qualcuno non lo vuole, dato che e` formattazione che viene inserita nel codice HTML; comunque i browser non lo gestiscono al meglio (non tutti, per lo meno).

[mosquito70]

Grazie Mich della risposta,
il problema credo sia molto semplice.
Forse non sono riuscito a spiegarmi bene.

Vorrei rendere l'HR più piccolo di 1px.
Deve essere visualizzabile in stampa e almeno su IE.

Tutto qua.

Al momento lo uso in questo modo

hr {
      border: 0;
      width: 98%;
    }

    hr.hr2 {
      color: #f00;
      background-color: #f00;
      height: 1px;
    }

...

<tr>
<td width=""100%"" colspan=""2"">  <hr class=""hr2"" /> </td>
</tr>

In alternativa potrei far visualizzare solo il bordo superiore della riga (eliminando quindi l'istruzione hr), ma non so se è possibile e come si fa.

Grazie a tutti per la pazienza


ps. purtroppo il cliente lo vuole così. Non ho alternative...

[Mich_]

Forse dico una banalita`, ma per la stampa ci sono altre unita` di misura.
In effetti il px non ha molto senso quando vai su una laser.

Prova a dare le dimensioni in mm (o cm, o in) oppure in pc (pica) o pt (points) http://www.w3schools.com/css/css_units.asp