[Ovillo] Background Transparent Scroll 0 0
Saludos,
Alguien me podria decir por qué? algunos desarrolladores webs utilizan en una
declaracion css de Background, Transparent, Scroll y 0 0.
background:url("../images/rule_dash_horizontal.png")
repeat-x scroll 0 0 transparent;
Gracias
_
Navegación más simple. Diseño más liviano. Hotmail ahora carga un 70% más
rápido. Ver más
http://www.descubrewindowslive.com/hotmail/velocidad.asp
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Background Transparent Scroll 0 0
Scroll en realidad no sirve ponerlo porque es el default. Salvo que estés
haciendo un override de un fondo (de la posicion fixed).
0 0 es la posición del fondo.
Transparent es para que no tenga color de fondo al tener una imagen (no es
necesario si se tiene un reset)
Y eso es todo.
[image: Ignacio Ricci - Designer + Developer]
2010/3/2 joel vinicio almanzar
>
> Saludos,
> Alguien me podria decir por qué? algunos desarrolladores webs utilizan en
> una declaracion css de Background, Transparent, Scroll y 0 0.
>
> background:url("../images/rule_dash_horizontal.png")
> repeat-x scroll 0 0 transparent;
>
> Gracias
>
>
>
>
> _
> Navegación más simple. Diseño más liviano. Hotmail ahora carga un 70% más
> rápido. Ver más
> http://www.descubrewindowslive.com/hotmail/velocidad.asp
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Background Transparent Scroll 0 0
Gracias, es que he visto paginas que aun teniendo un reset utilizan esto. y me
parecia extraño su uso.
> From: ignacio.ri...@gmail.com
> Date: Tue, 2 Mar 2010 11:53:43 -0200
> To: ovillo@lists.ovillo.org
> Subject: Re: [Ovillo] Background Transparent Scroll 0 0
>
> Scroll en realidad no sirve ponerlo porque es el default. Salvo que estés
> haciendo un override de un fondo (de la posicion fixed).
> 0 0 es la posición del fondo.
> Transparent es para que no tenga color de fondo al tener una imagen (no es
> necesario si se tiene un reset)
>
> Y eso es todo.
> [image: Ignacio Ricci - Designer + Developer]
>
>
> 2010/3/2 joel vinicio almanzar
>
> >
> > Saludos,
> > Alguien me podria decir por qué? algunos desarrolladores webs utilizan en
> > una declaracion css de Background, Transparent, Scroll y 0 0.
> >
> > background:url("../images/rule_dash_horizontal.png")
> > repeat-x scroll 0 0 transparent;
> >
> > Gracias
> >
> >
> >
> >
> > _
> > Navegación más simple. Diseño más liviano. Hotmail ahora carga un 70% más
> > rápido. Ver más
> > http://www.descubrewindowslive.com/hotmail/velocidad.asp
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
_
¿Cuánto espacio necesitas para guardar tus emails? Con Hotmail tienes 5GB y
puede ampliarse a más.
http://www.descubrewindowslive.com/hotmail/almacenamiento.asp
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Background Transparent Scroll 0 0
2010/3/2 joel vinicio almanzar > > > Gracias, es que he visto paginas que aun teniendo un reset utilizan esto. y > me parecia extraño su uso. > > > Quizás la idea era ser redundante, para asegurarse de conservar los valores default y que no fuesen reemplazados por otros en alguna otra declaración. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
listo tenia problemas con el hosting ya esta online nuevamente! Pablo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Background Transparent Scroll 0 0
Si tenés que hacer eso por cada fondo, significa que tu CSS podría estar mejor organizado :p [image: Ignacio Ricci - Designer + Developer] 2010/3/2 Joaquín Vicente > 2010/3/2 joel vinicio almanzar > > > > > > > Gracias, es que he visto paginas que aun teniendo un reset utilizan esto. > y > > me parecia extraño su uso. > > > > > > > Quizás la idea era ser redundante, para asegurarse de conservar los valores > default y que no fuesen reemplazados por otros en alguna otra declaración. > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabla con scroll en tbody y el thead fijo
Muchísimas gracias :) El 2 de marzo de 2010 14:35, Pablo de la Vega escribió: > listo tenia problemas con el hosting > > ya esta online nuevamente! > > Pablo > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Mover una imagen dentro de una div
Hola,
Estoy usando unas imágenes (que cargo desde el gestor de contenidos) como
botones de un menú, creé una imagen doble para mostrar el estado normal y
visited y el estado estado active y hover. Logré que el CSS haga que se
muestre únicamente la primera mitad del botón lo que hace que se vean
perfectos los botones como los quise trabajar. El tema es que no logro
"hacer el movimiento" es decir que cuando pase el ratón por encima o haga
clic me muestre la otra mitad del botón.
Mi HTML es:
Y el CSS dice:
#menuarriba{
width: 602px;
float: right;
}
#menuarriba a, #menuarriba a:visited, #menuarriba a:link{
display: block;
float: left;
width: 200px;
overflow: hidden;
}
#menuarriba a:hover, #menuarriba a:active{
text-align: right;
}
Asumo que lo que tengo que hacer es ubicar un valor para #menuarriba a:hover
y active pero acepto consejos sobre otras opciones, preferiría que el tema
se solucionara exclusivamente con CSS.
Muchas gracias,
Germán
--
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mover una imagen dentro de una div
Lo que intentas hacer (creo), es un sprite. Pero así no lo conseguirás.
Para hacer lo que creo que pretendes necesitas mostrar la imágen como
background, y mediante background-position la vas moviendo, ya sea por
el eje x o el eje y, hasta mostrar el área que necesitas. El elemento
html que lo va a mostrar necesita ser o estar en block, y si tienes
textos sobre él los puedes quitar con un valor negativo en
text-iindent.
Lo que dije es por lo que percibo, porque para entender tu idea
necesitaria ver un ejemplo online.
On 3/2/10, Germán Bustos wrote:
> Hola,
>
> Estoy usando unas imágenes (que cargo desde el gestor de contenidos) como
> botones de un menú, creé una imagen doble para mostrar el estado normal y
> visited y el estado estado active y hover. Logré que el CSS haga que se
> muestre únicamente la primera mitad del botón lo que hace que se vean
> perfectos los botones como los quise trabajar. El tema es que no logro
> "hacer el movimiento" es decir que cuando pase el ratón por encima o haga
> clic me muestre la otra mitad del botón.
>
> Mi HTML es:
>
>
>
> />
>
> />
>
> />
>
>
>
> Y el CSS dice:
>
> #menuarriba{
> width: 602px;
> float: right;
> }
> #menuarriba a, #menuarriba a:visited, #menuarriba a:link{
> display: block;
> float: left;
> width: 200px;
> overflow: hidden;
> }
> #menuarriba a:hover, #menuarriba a:active{
> text-align: right;
> }
>
> Asumo que lo que tengo que hacer es ubicar un valor para #menuarriba a:hover
> y active pero acepto consejos sobre otras opciones, preferiría que el tema
> se solucionara exclusivamente con CSS.
>
> Muchas gracias,
>
>
> Germán
>
>
> --
> Germán Bustos
> (+57)3177381339
> Atarraya
> http://atarraya.org
> http://germanbustos.com
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
Matraka
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mover una imagen dentro de una div
2010/3/2 Luis Mario Álvarez
> Lo que intentas hacer (creo), es un sprite. Pero así no lo conseguirás.
>
> Para hacer lo que creo que pretendes necesitas mostrar la imágen como
> background, y mediante background-position la vas moviendo, ya sea por
> el eje x o el eje y, hasta mostrar el área que necesitas. El elemento
> html que lo va a mostrar necesita ser o estar en block, y si tienes
> textos sobre él los puedes quitar con un valor negativo en
> text-iindent.
>
> Lo que dije es por lo que percibo, porque para entender tu idea
> necesitaria ver un ejemplo online.
>
> On 3/2/10, Germán Bustos wrote:
> > Hola,
> >
> > Estoy usando unas imágenes (que cargo desde el gestor de contenidos) como
> > botones de un menú, creé una imagen doble para mostrar el estado normal
> y
> > visited y el estado estado active y hover. Logré que el CSS haga que se
> > muestre únicamente la primera mitad del botón lo que hace que se vean
> > perfectos los botones como los quise trabajar. El tema es que no logro
> > "hacer el movimiento" es decir que cuando pase el ratón por encima o haga
> > clic me muestre la otra mitad del botón.
> >
> > Mi HTML es:
> >
> >
> >
> > height="110"
> > />
> >
> > height="110"
> > />
> >
> > height="110"
> > />
> >
> >
> >
> > Y el CSS dice:
> >
> > #menuarriba{
> > width: 602px;
> > float: right;
> > }
> > #menuarriba a, #menuarriba a:visited, #menuarriba a:link{
> > display: block;
> > float: left;
> > width: 200px;
> > overflow: hidden;
> > }
> > #menuarriba a:hover, #menuarriba a:active{
> > text-align: right;
> > }
> >
> > Asumo que lo que tengo que hacer es ubicar un valor para #menuarriba
> a:hover
> > y active pero acepto consejos sobre otras opciones, preferiría que el
> tema
> > se solucionara exclusivamente con CSS.
> >
> > Muchas gracias,
> >
> >
> > Germán
> >
> >
> > --
> > Germán Bustos
> > (+57)3177381339
> > Atarraya
> > http://atarraya.org
> > http://germanbustos.com
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
> --
> Matraka
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
Como dijo Matraka, lo que andás buscando es un efecto de rollover mediante
sprites.
te paso cuatro links que te pueden ser de ayuda:
CSS Sprites: Image Slicing’s Kiss of Deat
Re: [Ovillo] Mover una imagen dentro de una div
Muchas gracias Luis,
El efecto que quiero es ese, que sea como el sprite en el que se mueve la
imagen de fondo, pero en este caso las imágenes están en el contenido, el
otro lo sé hacer y me ha funcionado.
El tema es que cuando uno hace el sprite la imagen de fondo es igual en cada
botón, acá tengo unos botones irregulares, diferentes para cada elemento del
menú
Voy a hacer un par de pruebas, si no tocara usar un poco de Javascript.
Muchas gracias,
Germán
El 2 de marzo de 2010 15:59, Luis Mario Álvarez escribió:
> Lo que intentas hacer (creo), es un sprite. Pero así no lo conseguirás.
>
> Para hacer lo que creo que pretendes necesitas mostrar la imágen como
> background, y mediante background-position la vas moviendo, ya sea por
> el eje x o el eje y, hasta mostrar el área que necesitas. El elemento
> html que lo va a mostrar necesita ser o estar en block, y si tienes
> textos sobre él los puedes quitar con un valor negativo en
> text-iindent.
>
> Lo que dije es por lo que percibo, porque para entender tu idea
> necesitaria ver un ejemplo online.
>
> On 3/2/10, Germán Bustos wrote:
> > Hola,
> >
> > Estoy usando unas imágenes (que cargo desde el gestor de contenidos) como
> > botones de un menú, creé una imagen doble para mostrar el estado normal
> y
> > visited y el estado estado active y hover. Logré que el CSS haga que se
> > muestre únicamente la primera mitad del botón lo que hace que se vean
> > perfectos los botones como los quise trabajar. El tema es que no logro
> > "hacer el movimiento" es decir que cuando pase el ratón por encima o haga
> > clic me muestre la otra mitad del botón.
> >
> > Mi HTML es:
> >
> >
> >
> > height="110"
> > />
> >
> > height="110"
> > />
> >
> > height="110"
> > />
> >
> >
> >
> > Y el CSS dice:
> >
> > #menuarriba{
> > width: 602px;
> > float: right;
> > }
> > #menuarriba a, #menuarriba a:visited, #menuarriba a:link{
> > display: block;
> > float: left;
> > width: 200px;
> > overflow: hidden;
> > }
> > #menuarriba a:hover, #menuarriba a:active{
> > text-align: right;
> > }
> >
> > Asumo que lo que tengo que hacer es ubicar un valor para #menuarriba
> a:hover
> > y active pero acepto consejos sobre otras opciones, preferiría que el
> tema
> > se solucionara exclusivamente con CSS.
> >
> > Muchas gracias,
> >
> >
> > Germán
> >
> >
> > --
> > Germán Bustos
> > (+57)3177381339
> > Atarraya
> > http://atarraya.org
> > http://germanbustos.com
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
> --
> Matraka
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mover una imagen dentro de una div
2010/3/2 Germán Bustos > Muchas gracias Luis, > > El efecto que quiero es ese, que sea como el sprite en el que se mueve la > imagen de fondo, pero en este caso las imágenes están en el contenido, el > otro lo sé hacer y me ha funcionado. > > El tema es que cuando uno hace el sprite la imagen de fondo es igual en > cada > botón, acá tengo unos botones irregulares, diferentes para cada elemento > del > menú > > Voy a hacer un par de pruebas, si no tocara usar un poco de Javascript. > > Muchas gracias, > > Germán > > En ese caso caso, hacés una clase css generica para los sprites, y una específica para cada imagen, que sólo define el background... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
