Utilizando la etiqueta hr
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.
Publicado el 7 de Julio del 2008 en xhtml css
28 Comentarios
No es por ser fijado, pero al inicio dice "La codigo en XHTML seria:" en vez de "El código" :P
Comentario publicado el Martes, 8 de Julio del 2008 a las 12:11 am
Buen post!
Comentario publicado el Martes, 8 de Julio del 2008 a las 09:52 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...
Comentario publicado el Martes, 8 de Julio del 2008 a las 10:41 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.
Comentario publicado el Martes, 8 de Julio del 2008 a las 11:05 am
que onda stan para cuando esta el new design ??
Comentario publicado el Martes, 8 de Julio del 2008 a las 12:05 pm
@Paul aun trabajo en ello.
Comentario publicado el Martes, 8 de Julio del 2008 a las 01:11 pm
hiciste un bosquejo ?? deperdida postealo y danos una idea de lo que vas a realizar...
Comentario publicado el Miércoles, 9 de Julio del 2008 a las 02:41 pm
@Paul no sea desesperado muchacho!! El lunes sin falta tiene detalles.
Comentario publicado el Miércoles, 9 de Julio del 2008 a las 04:41 pm
Oky
Mmmm, el lunes? a ver si es cierto, de perdida escribe chistes.
Comentario publicado el Miércoles, 9 de Julio del 2008 a las 05:04 pm
@Oky jajajaja... quiero escribir de uno de mis juegos favoritos, que ya viene para DS: Crono Trigger :D
Comentario publicado el Miércoles, 9 de Julio del 2008 a las 07:07 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?
Comentario publicado el Miércoles, 9 de Julio del 2008 a las 08:37 pm
No es por presion jajajaja pero a ver cuando vemos el nuevo diseño... yo ya termine de rediseñar el mio je
Comentario publicado el Jueves, 10 de Julio del 2008 a las 05:16 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
Comentario publicado el Jueves, 10 de Julio del 2008 a las 10:42 am
si es q formule mal la duda es respecto a como funciona la regla !important, ya lo he chekado gracias
Comentario publicado el Jueves, 10 de Julio del 2008 a las 11:18 am
ya rujiste leon.. esperamos noticias.
Comentario publicado el Jueves, 10 de Julio del 2008 a las 12:53 pm
@zonurcia ok.
@Paul preparate para mi campaña viral de marketing jajaja..
Comentario publicado el Jueves, 10 de Julio del 2008 a las 05:10 pm
Oky
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.
Comentario publicado el Viernes, 11 de Julio del 2008 a las 02:21 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.
Comentario publicado el Viernes, 11 de Julio del 2008 a las 03:19 pm
Bueno ya que está podes comentar si es recomendable para verla....
Comentario publicado el Viernes, 11 de Julio del 2008 a las 08:49 pm
stan el iphone en telcel va costar 10122 en prepago el de 8GB :s
Comentario publicado el Lunes, 14 de Julio del 2008 a las 04:49 pm
@Lucas ok!
@Paul jajajaja... no manches mi santuario con la palabra prohibida "aifon"
Comentario publicado el Lunes, 14 de Julio del 2008 a las 08:26 pm
yo no entiendo nada ^.^;
Comentario publicado el Martes, 15 de Julio del 2008 a las 08:22 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.
Comentario publicado el Martes, 15 de Julio del 2008 a las 08:30 pm
kostia
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
Comentario publicado el Miércoles, 16 de Julio del 2008 a las 05:41 pm
Ese de arriba me suena conocido... XD
Comentario publicado el Jueves, 17 de Julio del 2008 a las 04:04 pm
Que pasa por acá que no hay movimiento...?
Comentario publicado el Viernes, 18 de Julio del 2008 a las 02:35 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.
Comentario publicado el Viernes, 18 de Julio del 2008 a las 03:47 pm
ya quiero leer ese post
Comentario publicado el Martes, 22 de Julio del 2008 a las 06:35 pm
