margin hr

[gigigi]

salve a todos....

stavo facendo il mio bel sitarello con fogli di stile...

ho questo stile per l'HR!!
hr
{
border-top:1px solid #C3C3C3;
border-bottom:1px solid #C3C3C3 ;
background-color:#737373;
height:3px;
margin:0px;
}


da quel che ho capito in ie il margin="0" che gli viene dato dal css non lo considera affatto!!
mentre in firefox lo vedo perfettamente.

come si puo' risolvere? si risolve?

o devo farmi un nuovo div tipo
#linea
{
border-top:1px solid #C3C3C3;
border-bottom:1px solid #C3C3C3 ;
background-color:#737373;
height:3px;
margin:0px;
}

che faccio?!

denghiù

[Mich_]

Prova ad aggiungere anche:
font-size: 1px;

Qualche browser (....) non capisce che uno possa volere un blocco piu` basso dell'altezza del font.

[gigigi]

l'ho messo nello stile dell'HR ma non è cambiato nulla!!

[gigigi]

a chiunque interessasse, visti i vari deprecamenti per l'HR ho trovato in giro partendo da altre discussioni su HR dal forum questa soluzione, anche se... bho! comunque

STILE
-----------------------------
.hr
{
border-top:1px solid #C3C3C3;
border-bottom:1px solid #C3C3C3 ;
background-color:#737373;
font-size: 1px;
height:1px;
margin:0px;
}
.hr hr {
display: none;
}
------------------------------
HTML
-----------------------------
<div class="hr"><hr /></div>
-----------------------------


che ne pensate?

[pierofix]

Originariamente inviato da gigigi

<div class="hr"><hr /></div>

Mi pare troppo codice per nulla. Markup privo di senso, per ottenere cosa? Un effetto visivo. E trovare una soluzione con CSS, magari usando delle immaginette di sfondo?

[gigigi]

si anche a me pare uno spreco....

considerato che alla fine basterebbe un div!!

quindi soluzione bocciata!!

[pierofix]

Originariamente inviato da gigigi
considerato che alla fine basterebbe un div!!

VVoVe: Non ci siamo ancora.

Div sta per 'division' e in XHTML ciò assume la valenza di 'macroarea'. Non va utilizzato - magari anche vuoto - per generare effetti visivi.

[gigigi]

vedi che mi mancano le basi accidenti!!!

quindi cosa consigli?

un HR con un'immagine di bg?

magari usando delle immaginette di sfondo?

o in che altro modo?!

[pierofix]

Devi distinguere innanzitutto le due parti in causa: struttura di markup e sua successiva rappresentazione visiva. Il codice XHTML deve descrivere le informazioni contenute nel documento. A dare una forma ad esse ci pensano - successivamente - i CSS.

A livello logico, quindi, questo separatore hr è giustificato a livello semantico? Oppure rientra solamente nella grafica? E' la prima che devi chiederti.

[gigigi]

l'avevo pensata come separatore fra titolo e testo delle news come da allegato.
ma l'hr normale mi teneva dei margini che non voglio!!!