JMiur [E]

Cuando a un elemento le agregamos la propiedad float, lo convertimos en un bloque pero con una característica especial: su ancho no ocupa el 100% del contenedor sino sólo el de su contenido pero, además, lo quitamos del orden natural de la página; de este modo, todo lo que lo rodea se moverá y se acomodará como pueda para hacerle lugar.

23 comentarios:

Mozz  

Realmente impecable. Felicitaciones por un post excelente.

Responder
Emerald  

JMiur, de nuevo mi total admiración!
Gracias!! este post va derecho a favoritos para cuando lo necesite( :D que suele ser muy seguido)
Un abrazo

Responder
Unknown  

ohhh JM :O dejo para leerlo cuando mis células neuro estén desocupadas.
Hoy tenemos lluvia :)

Responder
Anónimo  

Interesante post lo guardare para leerlo con mas calma porque es un poco complicado.Leonardo

Responder
AXELdesigner  

Jmiur observa este post !! http://anujpathania.blogspot.com/2008/09/running-php-code-using-javascript.html

Responder
EM2.0  

Entonces entiendo que el titulo de un post es en si un bloque sin mas, que podrías hacer flotar dando la orden especifica, no?

Responder
EM2.0  

Oye, cosas que quitas de la plantilla pueden volver a aparecer por arte de magia, merced a blogger???

Responder
JMiur  

Ojala sirva la explicación, no es sencillo de comprender pero es algo que usamos constantemente.

AXELdesigner: Lo había visto y ya tengo una entrada preparada sobre eso que aparecerá la semana que viene.

Dña Urraca: Depende de qué cosas. Hay ciertos códigos que Blogger agrega siempre. Debería saber a cuál te refieres.
Y sí, los encabezados son bloques (ocupan todo el ancho) pero, cualquier etiqueta puede hacerse flotar, bloques o no bloques. Se usa flotar para "acomodar" cosas, por ejemplo, poner una al lado de la otra.

Responder
Bonzu Pipinpadaloxicopolis III  

Ya sabía lo primero pero ese detalle de clear está interesante, creo que ahora voy a editar algunos posts :P

En mi blog se muestran avatares de mis comentaristas, pasó automáticamente, creo que es por esto:
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

Responder
JMiur  

Bonzu:
Eso estaba viendo, parece algo que se ha agregado ahora y en mi caso, ha trastocado la plantilla así que debere verlo con cuidado.

Responder
EM2.0  

La Barra de navegación de blogger, fue de las primeras cosas que quite cuando redimensione la plantilla (siguiendo una de tus entradas) y hoy de repente estaba allí otra vez, la he vuelto a quitarya te contare si aparece de nuevo.

Responder
JMiur  

Me ha costado, Bonzu pero, ahi parece que ahora funciona el COSO ese :D

Responder
Bocha  

JMiur... mismo problema de antes, pero esta vez en el col3... coloque el codigo que me diste para el col1 ol, ol li {list-style-position: inside;} y anda perfecto, pero lo coloque en el col3 y ahi no, porque sera??

Por otro lado me gustaria que me indicaras que problemas tengo en el codigo de todo el footer, ya que yo antes tenia separado el footer (comun) y el footer (dividido en tres), pero por alguna razon ahora me aparecen juntos... sabes la razon?? Los quiero tener separados.

Espero tu respuesta y gracias...

Responder
J Prueba  

Hola JMiur.
Perdona por la molestia, pero es que trato de entontrar algún post y no encuentro nada y como se tan poco, por empezar ahora con los blog, pero bueno pronto entenderé hasta este post que escribes :)
Pues lo que quiero saber es como puedo tener un visor de videos que he visto ya por algunos blogs, que le haces click y te lo lleva al centro de la pantalla y lo puedes poner de dos en dos en la sidebar... lo he visto aquí ( http://infinitosmundos.bolsanegra.net/ ). Le agradeceria algún link de algún post donde se explique.
Muchas gracias, saludos

Responder
Bonzu Pipinpadaloxicopolis III  

Que bien JMiur :-), lo malo es que tocó demaciado a mi plantilla, ahora ya no se identifican los comentarios del autor y la foto está fuera del cuerpo del mensaje :(( veré que puedo hacer, luego te cuento.
Por cierto ya lo anunciaron en blogger buzz.

Responder
JMiur  

Bocha:
Porque allí no hay una lista numerada OL sino una lista UL:
ul, ul li {list-style-position: inside;}

Jorge:
Esa ventana modal de videos es LightWindow y el modo de mostrarlos es independiente de eso y puede verse acá.

Responder
Admin  

Gracias Muy buena tu explicación, aunque a mi me gustaría saber como hago para poner anuncios adsense dentro del contenido del post, pero directamente en el código de la plantilla.

Website: De Todo Un Poco

Responder
JMiur  

No sabría responderte.

Responder
azul#  

En tu último ejemplo, cual es el efecto del clear??
Teniendo en cuenta que en la linea donde pone "Desde aquí y ano quiero flotaciones" el texto empieza desde la izquierda, y no hay ningún elemento en float, puesto que están en la lineas superiores, no ocurriría lo msm si no pusiesemos el clear??

Lo qe intento decir, esque el lugar que ocupa el texto es el mismo aunque no se le aplicara el clear, no? pueso que en esa linea de flujo no hay elemento flotantes.

Responder
JMiur  

Eso es sólo un ejemplo general. Si le quitara el claer, en ese ejemplo, el texto sólo subiríra un poco.

En principio, me parece que siempre es mejor limpiar las flotaciones.

Responder
pcastagnaro  

Excelente post!!

Responder
América  

Realmente es una explicación magnifica, entendí todo muy bien, en otras webs no entendí nada de nada y menos a mi profesor hace unos dias,

Siempre en Vagabundia entiendo todo tienes un don para explicar las cosas JMiur las haces muy sencillas, gracias :D

JMiur  

Gracias, América. Debe ser porque acá no hay ni profesores ni alumnos. Sólo gente que sabe algunas cosas y gente que sabe algunas otras :D

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR