La propiedad background-size

JMiur [E]

La propiedad background-size nos permite establecer las dimensiones de la imagen de fondo para definir la relación ancho/alto que debe mantenerse, sin que importe el tamaño del contenedor.

leer artículo actualizado

14 comentarios:

Bocha: JMiur, en este blog (http://abrancancha-ac.blogspot.com/) coloque un buscador en el menu, pero me quedo abajo, como hago para que quede en la misma linea, en el costadito derecho.

Saludos y espero tu respuesta.
Admin: Hola JM, me perdí... veo todas las imagenes iguales y en el mismo sitio del rectángulo en todos lo ejemplos que das... es porque no tengo FireFox 3.6? Solo con esa versión se ve correctamente?
Donde puedo descargarlo? Ya no es mas Beta? Tengo FF 3.5.7 Y no he leído nada que ya estuviera disponible la descarga... pero igual, yo tengo configurado que se actualiza solo... no se, no entiendo... todavía no lo tengo :(
Abrazo ;)
JMiur: bocha:
En este momento, el FORM dice style="display: inline;" Debería tener otras propiedades; un ejemplo:
style="float:right;position:relative;right:10px;top:-25px;"
Con top y right se controla pa posición exacta dentro del fondo negro.

k_nelita:
Sí, efectivamente, la versión 3.6 ya salió hace unos dias y si querés descargarla podés Mozilla o poes ir al menú Ayuda y allí, hacer click en "Buscar actualizaciones". A veces, las actualizaciones automáticas tardan.
Unknown: Creía que era la hora, todas las imagenes iguales ;)
Gem@: Yo lo veo muy bien pero la pega es la misma de siempre la gran mayoría no actualiza su navegador no porque como knelita no sabe de la última versión sino porque no tienen idea que es algo muy recomendable hacer.
El tema está si nos conformamos con verlo bien nosotros mismos o pasamos de como pueden verlo los usuarios de otros navegadores.
Claudio Casco: JM aprovecho para hacerte otra consulta relacionada con la colocación de viñetas.
En el blog de prueba que utilizo (http://www.probations.blogspot.com) coloque siguiendo el procedimiento que me indicaste en el HTML1 "ultimas entradas" coloqué en el 1º 0px valor 1 y esta como se lo ve. Colocando valor 0 o -1, -2 es como si saliera de linea y desaparece.
#HTML1 li {background: transparent url(http://i46.tinypic.com/2u7966a.png) no-repeat scroll 1px 0px;}
este es el truco como lo tengo actualmente antes de ]]
Es correcto mi procedimiento?
Puede ser ancho de sidebar?
Cordialmente.
Claudio Casco
JMiur: Graciela:
Recuerde, tiene que ser FF3.6, Google Chorme, Opera, etc; en versiones anteriores a FF 3.6 no anda y en Internet Explorer tampoco.

Gem@:
Indudablemente, es algo que conviene hacer. Si está marcada la actualización automática, eso ya es algo bueno aunque a veces demora un poco.

El otro tema si que es interesante pero no hay una sola respuesta, dependerá de cada uno. Con lo que no estaría de acuerdo es con limitarse a lo que puede o no puede hacer Internet Explorer; por el contrario, creo que muchas de las mejoras de IE8 son el resultado de la presión ejercida por la competencia y eso es beneficioso para todos los usuarios.

De todos modos, saber que estas cosas existen, siempre es bueno aunque no las apliquemos, abren el abanico de posibilidades. Sólo hay que usarlas con cuidado y verificar que el resultado, aún en los navegadores que no las soporten, sea relativamente razonable.

El Filómata:
Está perfecto, lo que ocurre en ese blog de pruebas es que las propiedades CSS son diferentes a las de tu blog principal y entonces, debemos hacer algún ajuste. El principal es establecer la separación del texto de los items, lo separamos con padding-left para dejar un espacio y que la imagen no se superponga. Podría ser algo así:

#HTML1 li {
background: transparent url(http://i46.tinypic.com/2u7966a.png) no-repeat scroll 0 2px;
padding-left:32px;
}

Con padding se mueve el texto una cantidad de pixeles y en background posicioné el fondo un poco hacia abajo para centrarlo verticalmente. Todos esos valores son subjetivos, claro; dependen del tipo de fuente que uses y depende de la imagen en si misma pero, siempre controlas eso con los mismos datos.
Unknown: A Mozilla lo actualizo porque te avisa, a IE no tengo la menor idea...se me ocurre que somos muchos los que no sabemos, la última de IE me dijiste vos :)
Y así vamos por la vida aprendiendo todos los días algo nuevo, qué aburrido sería entonces!!! te estoy dando letra para una entrada jijiji

Estamos con cortes de luz 6 horas al día: 3 y 3 Viva EPEC y la P:X es así que estás en ese poco tiempo libre haciendo algo y saf corte caramba!!! sin dormir la siesta Imposible sin ventilador.
JMiur: Ohhh duro para estar sin electricidad con estos calores :(
Admin: Achalay!!:O Parece cosa e' mandinga! ja ja Como cambió todo con FF 3.6!! :D
Te hice caso y lo actualicé yo, porque las automáticas parece que no llegaban nunca...
Yo siempre tengo los navegadores y todo actualizado a pesar de mi hijo que parece un viejo conservador, no le gustan los cambios y se aferra a las cosas viejas :P tenemos los roles invertidos jajja

Al margen de esto, aunque no tan al margen, lo sigo viendo tan lento como siempre al inicio, a FF, y algo que me pasaba hace un tiempo con la versión anterior y me sigue pasando con esta, no me guarda las direcciones de correo por ejemplo, ni nada que ponga en los formularios, a pesar de haberlo configurado para que si lo haga, este y el otro igual... alguna idea de que pueda ser??
Estoy cansada de tipear mi dirección, nick o lo que sea mil veces al día, en cada sitio que entro... aunque lo haga muchas veces al día y sin cerrar el navegador... si lo cierro también, obvio! :S
Besis ;)
JMiur: No. No sabría decirte, si está configurado para eso, no deberías tener problemas. En todo caso, tal vez, te convendría hacer una instalación limpia, es decir, desinstalarlo primero y eliminar la carpeta Profile ( oc copiarla en otro lado y luego borrarla) para que, de esa manera, se elimine cualquier error que puede estar allí y que la actualizacion no corrige.

Eso no es tan difícil de hacer, hay que tomar precausiones y guardar los datos que vamos a necesitar recuperar, marcadores, contraseñas, etc. Aunque se refiere a otra versión, en esta entrada se habla de eso. Es el método que utilizo normalmente. El instalador es el mismo así que, si no lo tienes, lo primero lo descargas.
Unknown: Hola a todos, una consulta quiero redimensionar un modulo en joomla, pero quiero que sea el 20% del ancho del background, como puedo hacerlo, desde ya muchas gracias
Unknown: ¡Por fin! Muchísimas gracias :)

¿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 ...

Suscribirse a los comentarios

JMiur

Buenos Aires
Argentina

Biografía apócrifa

Nacido en el tercer mundo. Un santo varón. Buenos Aires. Los elefantes. Las golondrinas de Plaza de Mayo. Me chupo el dedo.

El tiempo es veloz. ¿No ves que ya no somos chiquitos? Despedida de la infancia. Todo es efímero. Juguetes perdidos. Dime quién me lo robó. Aprendizaje.

Soy un hippie. Rutas argentinas. Sobredosis de TV. Raros peinados nuevos. Más de cien mentiras. Delirium tremens.

Ciudad de pobres corazones. El karma de vivir al sur. Mundo de quimeras. Oh Dios, ¿Qué puedo hacer?

Cuando era más joven. Los mayores del mundo. Botas locas. Rejas electrificadas. Cerca de la revolución. Contra todos los males de este mundo. La casa desaparecida. Tumbas de la gloria. Vencedores vencidos. Carguen, apunten, fuego. Estás frito angelito. A lo mejor aún te acuerdas.

Ah, te vi entre las luces. Muchacha. Amor se llama el juego. Juego de seducción. Mi genio amor. Prométeme que nunca me dirás adiós. Pequeñas delicias de la vida conyugal. Toda la vida tiene música hoy. Es hora de levantare, querido (dormiste bien?).

Resumiendo.

Mi sueño de hoy. La sed verdadera. La búsqueda de la estrella. Todos juntos. ¡Ah! Basta de pensar.

Esto es to-to-todo amigos.

el retrovisor