Stanmx

Buscando la accesibilidad

Utilizando la etiqueta hr

Publicado en xhtml css el 07/07/08 a las 05:55 pm

El día de hoy me he visto en la necesidad de utilizar la etiqueta <hr /> la cual tenia mucho sin aplicar; y de la cual no recordaba como darle estilo.

Esta necesidad surgió de buscar separar visualmente unos párrafos de información sin la necesidad de hacer un div o aplicar una clase al párrafo o utilizar una imagen como separador.

El codigo XHTML seria:

<p>Parrafo uno</p>
<hr />
<p>Parrafo dos</p>

El codigo CSS seria:

hr {
 margin: 0 20px 20px 20px;
 background-color: #ccc;
 color: #ccc;
 height: 1px;
 border: 0;
}

Me vi en la necesidad de utilizar background-color y color, para evitar problemas entre Firefox e IE.

28 comentarios

zoftweb

dijo el 08/07/08 a las 12:11 am

No es por ser fijado, pero al inicio dice "La codigo en XHTML seria:" en vez de "El código" :P

Octavio

dijo el 08/07/08 a las 09:52 am

Buen post!

Jesús

dijo el 08/07/08 a las 10:41 am

generalmente la uso para separar bloques

<div>
</div>

<hr />

<div>
</div>

<hr />

<div>
</div>

eso para que los usuarios que entran en navegadores que no reconocen hojas de estilo, no tengan la página tan desordenada... aunque bueno, hoy en día esos usuarios son minoría, pero como quiera es un best-practice...

Stan

dijo el 08/07/08 a las 11:05 am

@Zoftweb gracias por la observación.

@Octavio gracias.

@Jesus por lo regular siempre me la he arreglado con divs o clases, pero esta vez quise probar algo poco utilizado en mi trabajo.

Paul Lopez

dijo el 08/07/08 a las 12:05 pm

que onda stan para cuando esta el new design ??

Stan

dijo el 08/07/08 a las 01:11 pm

@Paul aun trabajo en ello.

Paul Lopez

dijo el 09/07/08 a las 02:41 pm

hiciste un bosquejo ?? deperdida postealo y danos una idea de lo que vas a realizar...

Stan

dijo el 09/07/08 a las 04:41 pm

@Paul no sea desesperado muchacho!! El lunes sin falta tiene detalles.

Oky

dijo el 09/07/08 a las 05:04 pm

Mmmm, el lunes? a ver si es cierto, de perdida escribe chistes.

Stan

dijo el 09/07/08 a las 07:07 pm

@Oky jajajaja... quiero escribir de uno de mis juegos favoritos, que ya viene para DS: Crono Trigger :D

zonurcia

dijo el 09/07/08 a las 08:37 pm

buen post!
oie tengo una duda no muy al caso, pero si al color le agregaramos una regla !important, IE que preferiria, el color dado por tu codigo o el q quiera el usuario?

Lucas

dijo el 10/07/08 a las 05:16 am

No es por presion jajajaja pero a ver cuando vemos el nuevo diseño... yo ya termine de rediseñar el mio je

Stan

dijo el 10/07/08 a las 10:42 am

@zonurcia tu puedes cambiar el #CCC por el color que quieras, te invito a probarlo, checalo en varios navegadores, cambia colores y ve los resultados, no necesitas ningun !important.

@Lucas ni yo me siento presionado man, esto se tiene que cocer bien y a mi gusto :D

zonurcia

dijo el 10/07/08 a las 11:18 am

si es q formule mal la duda es respecto a como funciona la regla !important, ya lo he chekado gracias

Paul Lopez

dijo el 10/07/08 a las 12:53 pm

ya rujiste leon.. esperamos noticias.

Stan

dijo el 10/07/08 a las 05:10 pm

@zonurcia ok.

@Paul preparate para mi campaña viral de marketing jajaja..

Oky

dijo el 11/07/08 a las 02:21 pm

Ya he visto el futuro, tu proximo post sera el que ya fuiste a ver la nueva pelicula de Batman y diras que te gusto, jajajaja, (todos sabemos que eres fan) o algo relacionado con eso, estoy casi seguro, y seria una buena manera para estrenar diseño.

Stan

dijo el 11/07/08 a las 03:19 pm

@Oky malvado, me has leido la trazada que traia jajajaja... Algo asi va a suceder, pero que no salga de esta conversacion por favor.

Lucas

dijo el 11/07/08 a las 08:49 pm

Bueno ya que está podes comentar si es recomendable para verla....

Paul Lopez

dijo el 14/07/08 a las 04:49 pm

stan el iphone en telcel va costar 10122 en prepago el de 8GB :s

Stan

dijo el 14/07/08 a las 08:26 pm

@Lucas ok!

@Paul jajajaja... no manches mi santuario con la palabra prohibida "aifon"

Isha.Net*

dijo el 15/07/08 a las 08:22 pm

yo no entiendo nada ^.^;

adrmx

dijo el 15/07/08 a las 08:30 pm

Chas yo pensé que ya tenias algo nuevo y novedoso por acá, algo como un nuevo diseño :P

En fin ya pongase a termine ese nuevo diseño.

De la separación visual usando hr creo que fue la mejor opción hasta para separar con imágenes creo que sería la forma adecuada, en fin gracias por compartir.

kostia

dijo el 16/07/08 a las 05:41 pm

ese stan, disculpa que no comento en el lugar adecuado, pero pues te invito a formar parte de mi g-18 en la liga fantastica de mediotiempo, las claves del g-18 -AGUILAS- es
it91n75
este es como pal publico en general, tengo otro fw7160i2czv pero no se si este se llene, pues no lo hare publico

saludos

zoftweb

dijo el 17/07/08 a las 04:04 pm

Ese de arriba me suena conocido... XD

Lucas

dijo el 18/07/08 a las 02:35 pm

Que pasa por acá que no hay movimiento...?

Stan

dijo el 18/07/08 a las 03:47 pm

El blog tal vez no, pero mi vida si que tiene un movimiento impresionante estos ultimos dias, creo que hare un post hablando sobre las motivaciones laborales o que me motiva a realizar mi labor como desarrollador web.

pecesama

dijo el 22/07/08 a las 06:35 pm

ya quiero leer ese post

Aporta tu comentario

Tu Email no sera publicado.

Opcional.