Acerca de este sitio
NSB es un
lugar para comentar las novedades sobre seguridad informática. También
para la promoción del Software Libre, entre otras muchas razones (y no
es la menos importante de ellas la libertad de modificarlo, copiarlo y
distribuirlo), porque es el único que, desde el punto de vista de la
privacidad, es realmente seguro, ya que su código es conocido.
Me interesa el diseño web basado en un buen uso de HTML y CSS, prescindiendo de cualquier lenguaje de script.
De vez en cuando, cae un enlace o algún minitutorial o experimento al
respecto. Aviso que soy de los que creen que lo único que se necesita
para hacer páginas web es un buen editor de texto.
Para ocultar este texto vuelve a pulsar sobre el titulo.
Colorear una línea horizontal
(o cómo los navegadores pueden llegar a liar las cosas)
Para colorear una línea horizontal y que ésta se vea coloreada en todos los navegadores necesitas el siguiente código:
hr {
/* Netscape 6/7, Mozilla, otros navegadores Gecko */
background-color:#0ff;
/* IExplorer */
color:#0ff;
/* Opera */
border: #0ff;
}
¿Por qué hay que declarar tres reglas distintas, una para cada navegador? Pues porque cada navegador interpreta de una manera ese tag. Para Netscape/Mozilla es un bloque y, por lo tanto, se debe rellenar con color de fondo; también se puede usar una imagen, definir bordes, etc. como un elemento de bloque cualquiera. Para Internet Explorer es un tipo especial de texto y se comporta como tal. Por ejemplo, Internet Explorer representará centrada una línea definida así:
hr {
color: #0ff;
width: 75%;
text-align: center;
}
Para Opera, en cambio, es el borde superior e izquierdo de un elemento de bloque. Por lo que el único color que se puede definir es el de ese borde.
A ver cuándo aparece un estándar que les obligue a ponerse de acuerdo.
26/08/2003 22:54

Autor: 'k a o D
A mí personalmente me gusta más la forma que tiene el IE de interpretarlo (Por una vez Microsoft hace algo bien :P)
Fecha: 11/01/2004 02:28.
Autor: D4
La verdad es que yo no uso hr's ya. Aprovecho los bordes de los bloques para simularlas, así se ve más o menos en todos igual y ahorro bits en el archivo css.
Fecha: 11/01/2004 23:51.