Re: [Ovillo] background largo
Hola, Omar
omar palomino escribió:
mi duda es como resolver un background largo como en muchas nuevas webs como
en los ejempls de la sgte pagina:
http://www.webdesignerwall.com/trends/80-large-background-websites/
supongo que cada uno tendra un tratamiento diferente?, cual es el mejor
tamaño para empezar a trabajar el backgroun y porque?... en algunos casos la
imagen se reescala en otros queda totalmente estatica... algun dato para
empezar mi proyecto ???
Lo primero: la imagen no se reescala nunca en una imagen de fondo (en el
css), no puedes forzarla a medir tantos px de ancho por tantos de alto
como en las imágenes que van en el html...
El tratamiento siempre es el mismo: crear una imagen gigante, como de
unos 2000x1500 píxeles, y posicionarla centrada en el body del css, algo
así:
body{background:#000 url('/ruta/hasta/la/imagen/de/fondo') no-repeat
center;}
Así, quienes tengan una resolución de 1024x768 sólo verán los 1024x768
centrales de la foto, quien tenga una de 800x800 pues lo mismo. ¿Y si
alguien tiene una resolución descomunal de más de 2000x1500? Pues la
imagen se centrará en la pantalla y el resto se rellenará con color
negro (el #000 que especifiqué en el background)
Otra solución puede ser utilizar flash, pero ahí ya entramos en un mundo
escabroso... ;-)
___
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] OT: como conviene presentar esta informacion? Son treinta archivos distintos de texto
Hola de nuevo Alejandra. Veo que mucha gente te ha respondido desde la lista de Ovillo sobre como guardar esos datos en la BD y presentarlos en HTML con algún lenguaje de script. También alguna gente te recomienda usar PDFs, aunque creo que ya ha quedado claro que esa no es una buena idea... mucho menos usando un programa de impresión a PDF ya que el documento que va a generar no va a ser accesible. Yo te voy a responder desde la parte de accesibilidad. Ya te han comentado importar y crear esas tablas de datos en HTML, por lo que yo te comentaré como, desde mi punto de vista, deberías presentar esa información en la web. Yo haría lo siguiente, quizá no sea la mejor opción, pero creo que es bastante buena para la accesibilidad y usabilidad de la página. Yo haría una página listando todos los torneos, en la que cada torneo es un enlace a SU página, es decir, una página para cada torneo. Dentro de la página de cada torneo tienes un par de párrafos de texto al principio, un encabezado Clasificaciones y luego la tabla de datos de resultados. La tabla tiene la primera fila como encabezados y lo demás celdas de datos, por lo que no es necesario que asocies con id y headers. En los encabezados de las tablas aparecen abreviaturas que no son fácilmente comprensibles, yo te recomendaría poner los textos completos, ya que la tabla no tiene demasiadas coumnas y creo que no afectaría a la maquetación de la misma. Si no pones los textos completos, deberías expandir esas abreviaturas mediante el elemento ABBR. Cada página de torneo tendrá también un enlace para volver al listado de torneos. Comentas que es mucho trabajo crear una página por cada torneo, pero si lo piensas bien, la plantilla para todas va a ser la misma, por lo que solamente tienes que cambiar el contenido propio de cada torneo, el título de la página y poco más. No parece que sea tanto trabajo. Poner todos los torneos en una sola página va a resultar en una página largísima, que va a tardar mucho en cargar, y creo que no va a ser demasiado manejable Como solución a esto te proponen usar un método de paginación, pero entonces vas a obligar a la gente a recorrer todas las páginas para encontrar el torneo que están buscando (no es mucho más fácil leer 20 elementos de lista e ir al torneo que a mi me interesa y no tener que recorrer varias páginas hasta encontrarlo?) Menudo rollo de mensaje me ha salido... perdón, pero espero haberme explicado bien. Saludos. On Thu, Feb 19, 2009 at 4:19 AM, alejandra.j.go...@gmail.com wrote: Veo que la mayoria de ustedes me sugiere base de datos, y me parece que es mejor eso. Ahora voy a hacer una pregunta quizas muy estupida: para pasarlo a base de datos, tengo que tipear uno por uno los campos? o hay algun modo de hacerlo mas automatico, porque creo que de a uno, voy a tardar tres meses jejeje! Ale ___ 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] Problema al posicionar absolutamente
.post tiene position absolute, y debería tener position *relative* :)
On Thu, Feb 19, 2009 at 1:00 AM, Ignacio Aguirre
igna...@independiente.clwrote:
Estimados
Concurro a ustedes, nuevamente, pues me encuentro con un problemita
al que no he encontrado solucion, esperando que ustedes me orienten,
les cuento.
Estoy maqueteando una seccion de articulos, dentro de la caja de cada
articulo hay un titulo, contenido y fecha. La cosa es que la fecha la
estoy posicionando absolutamente (sobre esta caja contenedora que esta
posicionada relativamente). La cosa es que cuando le doy
position:absolute a mi caja, se come al siguiente post (creo que por
que no tiene un alto definido. Como el contenido se genera
dinámicamente, no puedo darle un alto a la caja).
Pego el codigo:
CSS:
---
.post {
width:580px;
height:auto;
float:left;
background:url(imagenes/postbg.jpg) repeat-y;
margin-bottom:20px;
position:absolute;
display:block;
}
h2.titulo-post {
width:560px;
padding-left:20px;
height:73px;
padding-top:14px;
background:url(imagenes/titulo-post.jpg) no-repeat;
font-family:Georgia, Times New Roman, Times, serif;
font-size:18px;
color:#996633;
float:left;
}
.post-contenido {
width:580px;
height:auto;
color:#996633;
float:left;
}
.post-fecha {
position:absolute;
width:100px;
height:25px;
top:13px;
right:31px;
font-family:Georgia, Times New Roman, Times, serif;
font-size:16px;
color:#996633;
font-weight:bold;
text-align:center;
}
HTML:
div class=post
h2 class=titulo-postTITULO DEL POST/h2
div class=post-fecha23 - 3 - 09/div
div class=post-contenido
aqui va el contenido
/div
/div
Esto lo pueden ver en http://www.comunicatoons.cl/articulos/
Se daran cuenta inmediatamente que no se ven los dos que deberian
mostrarse. Si ocupan Firebug, o su símil favorito, y desactivan el
position:absolute de la clase post, todo queda en orden.
Ese es mi problema, espero no haber sido demasiado extenso.
Desde ya agradezco sus comentarios y sugerencias
--
Ignacio Aguirre
___
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
--
↓ Ignacio Ricci
www.ignacioricci.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
[Ovillo] Hack PNG desde CSS
Buenos días compañeros, Intento utilizar el pngfix hack [1], para que IE6 pueda interpretar las imágenes PNG correctamente. Por lo visto esto funciona cuando las imágenes son incertadas desde html , pero ¿ qué ocurre cuando las imágenes son introducidas desde CSS, a través de la propiedad Background-image ? ¿ Conocéis alguna solución ? ¿ Paso las imágenes desde background-image a html ? Muchas gracias como siempre por todas vuestras opiones sugerencias y reflexiones varias, carlos [1] http://homepage.ntlworld.com/bobosola/index.htm ___ 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] Hack PNG desde CSS
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagen.png,
sizingMethod='scale');
}
/style
![endif]--
En teoria, el ultimo pngfix creo que soportaba imagenes de fondo, pero
no estoy muy segura...alguna idea?
El 19 de febrero de 2009 13:16, Chr5 chr5ma...@gmail.com escribió:
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas desde
html , pero ¿ qué ocurre cuando las imágenes son introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde background-image a
html ?
Muchas gracias como siempre por todas vuestras opiones sugerencias y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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] Hack PNG desde CSS
Hola, Chr5 Chr5 escribió: Buenos días compañeros, Intento utilizar el pngfix hack [1], para que IE6 pueda interpretar las imágenes PNG correctamente. Por lo visto esto funciona cuando las imágenes son incertadas desde html , pero ¿ qué ocurre cuando las imágenes son introducidas desde CSS, a través de la propiedad Background-image ? ¿ Conocéis alguna solución ? ¿ Paso las imágenes desde background-image a html ? Con iepngfix.htc de Twinhelix [1] . Como puedes ver en la demo [2] funciona perfectamente con imágenes en el css [1] http://www.twinhelix.com/css/iepngfix [2] http://www.twinhelix.com/css/iepngfix/demo/ ___ 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] Hack PNG desde CSS
Prueba a buscar el archivo iepngfix.htc, es facil de encontrar y luego lo
pones d ela siguiente forma en todas las paginas,
!--[if IE 6]
style type=text/cssimg, div {behavior: url(js/iepngfix.htc);}/style
![endif]--
Espero te sirva de algo.
Date: Thu, 19 Feb 2009 12:16:33 +
From: chr5ma...@gmail.com
To: ovillo@lists.ovillo.org
Subject: [Ovillo] Hack PNG desde CSS
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas desde
html , pero ¿ qué ocurre cuando las imágenes son introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde background-image a
html ?
Muchas gracias como siempre por todas vuestras opiones sugerencias y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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
e
_
¡Entra en el Club oficial de Messenger y te enterarás de todas las novedades!
http://www.vivelive.com/ilovemessenger
___
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 largo
En otro post de la misma página te ayudan:
http://www.webdesignerwall.com/tutorials/how-to-css-large-background/
Saludos
Rodrigo Álvarez Virgós escribió:
Hola, Omar
omar palomino escribió:
mi duda es como resolver un background largo como en muchas nuevas webs como
en los ejempls de la sgte pagina:
http://www.webdesignerwall.com/trends/80-large-background-websites/
supongo que cada uno tendra un tratamiento diferente?, cual es el mejor
tamaño para empezar a trabajar el backgroun y porque?... en algunos casos la
imagen se reescala en otros queda totalmente estatica... algun dato para
empezar mi proyecto ???
Lo primero: la imagen no se reescala nunca en una imagen de fondo (en el
css), no puedes forzarla a medir tantos px de ancho por tantos de alto
como en las imágenes que van en el html...
El tratamiento siempre es el mismo: crear una imagen gigante, como de
unos 2000x1500 píxeles, y posicionarla centrada en el body del css, algo
así:
body{background:#000 url('/ruta/hasta/la/imagen/de/fondo') no-repeat
center;}
Así, quienes tengan una resolución de 1024x768 sólo verán los 1024x768
centrales de la foto, quien tenga una de 800x800 pues lo mismo. ¿Y si
alguien tiene una resolución descomunal de más de 2000x1500? Pues la
imagen se centrará en la pantalla y el resto se rellenará con color
negro (el #000 que especifiqué en el background)
Otra solución puede ser utilizar flash, pero ahí ya entramos en un mundo
escabroso... ;-)
___
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] Hack PNG desde CSS
Yo uso el IE8.js
http://code.google.com/p/ie7-js/
Y si que pueden usarse PNGs de fondo, pero la pega es que no pueden
ponerse en mosaico (repetirse).
Diana Castillo escribió:
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagen.png,
sizingMethod='scale');
}
/style
![endif]--
En teoria, el ultimo pngfix creo que soportaba imagenes de fondo, pero
no estoy muy segura...alguna idea?
El 19 de febrero de 2009 13:16, Chr5 chr5ma...@gmail.com escribió:
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas desde
html , pero ¿ qué ocurre cuando las imágenes son introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde background-image a
html ?
Muchas gracias como siempre por todas vuestras opiones sugerencias y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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
___
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] Hack PNG desde CSS
Estupendo chicos,
Estoy usando esta última opción,
todo va perfecto con imágenes ubicadas en la cabecera,
pero algunas introducidas a través de rollover sprite[1], no marchan,
están posicionadas a través de css de la siguiente manera:
.boton_avance a .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 0;
border: none;
}
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
border: none;
}
¿ Algunas sugerencia ?
gracias de veras a todos,
carlos
[1] http://www.alistapart.com/articles/sprites/
El día 19 de febrero de 2009 12:42, Dani F. Serch
daniou...@gmail.com escribió:
Yo uso el IE8.js
http://code.google.com/p/ie7-js/
Y si que pueden usarse PNGs de fondo, pero la pega es que no pueden
ponerse en mosaico (repetirse).
Diana Castillo escribió:
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagen.png,
sizingMethod='scale');
}
/style
![endif]--
En teoria, el ultimo pngfix creo que soportaba imagenes de fondo, pero
no estoy muy segura...alguna idea?
El 19 de febrero de 2009 13:16, Chr5 chr5ma...@gmail.com escribió:
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas desde
html , pero ¿ qué ocurre cuando las imágenes son introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde background-image a
html ?
Muchas gracias como siempre por todas vuestras opiones sugerencias y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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
___
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] Hack PNG desde CSS
como idea, yo para los rollover lo que hago es poner una imagen que contenga
los dos estados de fondo, y con css, simplemente la muevo arriba o abajo.
El 19 de febrero de 2009 14:24, Chr5 chr5ma...@gmail.com escribió:
Estupendo chicos,
Estoy usando esta última opción,
todo va perfecto con imágenes ubicadas en la cabecera,
pero algunas introducidas a través de rollover sprite[1], no marchan,
están posicionadas a través de css de la siguiente manera:
.boton_avance a .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 0;
border: none;
}
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
border: none;
}
¿ Algunas sugerencia ?
gracias de veras a todos,
carlos
[1] http://www.alistapart.com/articles/sprites/
El día 19 de febrero de 2009 12:42, Dani F. Serch
daniou...@gmail.com escribió:
Yo uso el IE8.js
http://code.google.com/p/ie7-js/
Y si que pueden usarse PNGs de fondo, pero la pega es que no pueden
ponerse en mosaico (repetirse).
Diana Castillo escribió:
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagen.png,
sizingMethod='scale');
}
/style
![endif]--
En teoria, el ultimo pngfix creo que soportaba imagenes de fondo, pero
no estoy muy segura...alguna idea?
El 19 de febrero de 2009 13:16, Chr5 chr5ma...@gmail.com escribió:
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas desde
html , pero ¿ qué ocurre cuando las imágenes son introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde background-image
a
html ?
Muchas gracias como siempre por todas vuestras opiones sugerencias y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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
___
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
___
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] Hack PNG desde CSS
Te dejo un link con varias opciones de hacks para solucionar el
problema de los png en IE6
http://net.tutsplus.com/videos/screencasts/5-easy-ways-to-tackle-ie6s-transparency-issues/
El que mas funciona es
http://www.dillerdesign.com/experiment/DD_belatedPNG/ , pero podes
revisarlos todos a ver cual te sirve mas
El 19/02/09, Diana Castillo diana.her...@gmail.com escribió:
como idea, yo para los rollover lo que hago es poner una imagen que contenga
los dos estados de fondo, y con css, simplemente la muevo arriba o abajo.
El 19 de febrero de 2009 14:24, Chr5 chr5ma...@gmail.com escribió:
Estupendo chicos,
Estoy usando esta última opción,
todo va perfecto con imágenes ubicadas en la cabecera,
pero algunas introducidas a través de rollover sprite[1], no marchan,
están posicionadas a través de css de la siguiente manera:
.boton_avance a .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 0;
border: none;
}
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
border: none;
}
¿ Algunas sugerencia ?
gracias de veras a todos,
carlos
[1] http://www.alistapart.com/articles/sprites/
El día 19 de febrero de 2009 12:42, Dani F. Serch
daniou...@gmail.com escribió:
Yo uso el IE8.js
http://code.google.com/p/ie7-js/
Y si que pueden usarse PNGs de fondo, pero la pega es que no pueden
ponerse en mosaico (repetirse).
Diana Castillo escribió:
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagen.png,
sizingMethod='scale');
}
/style
![endif]--
En teoria, el ultimo pngfix creo que soportaba imagenes de fondo, pero
no estoy muy segura...alguna idea?
El 19 de febrero de 2009 13:16, Chr5 chr5ma...@gmail.com escribió:
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas desde
html , pero ¿ qué ocurre cuando las imágenes son introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde
background-image
a
html ?
Muchas gracias como siempre por todas vuestras opiones sugerencias y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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
___
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
___
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
--
http://daflai.wordpress.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] Hack PNG desde CSS
Creo que tu problema es que tienes que poner:
.boton_avance a.button:hover {
width: etc.
Aunque sería major ver más código HTML y css
Salu2
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En
nombre de Chr5
Enviado el: jueves, 19 de febrero de 2009 14:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Hack PNG desde CSS
Estupendo chicos,
Estoy usando esta última opción,
todo va perfecto con imágenes ubicadas en la cabecera,
pero algunas introducidas a través de rollover sprite[1], no marchan,
están posicionadas a través de css de la siguiente manera:
.boton_avance a .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 0;
border: none;
}
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
border: none;
}
¿ Algunas sugerencia ?
gracias de veras a todos,
carlos
[1] http://www.alistapart.com/articles/sprites/
El día 19 de febrero de 2009 12:42, Dani F. Serch
daniou...@gmail.com escribió:
Yo uso el IE8.js
http://code.google.com/p/ie7-js/
Y si que pueden usarse PNGs de fondo, pero la pega es que no pueden
ponerse en mosaico (repetirse).
Diana Castillo escribió:
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagen.png,
sizingMethod='scale');
}
/style
![endif]--
En teoria, el ultimo pngfix creo que soportaba imagenes de fondo, pero
no estoy muy segura...alguna idea?
El 19 de febrero de 2009 13:16, Chr5 chr5ma...@gmail.com escribió:
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas desde
html , pero ¿ qué ocurre cuando las imágenes son introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde background-image a
html ?
Muchas gracias como siempre por todas vuestras opiones sugerencias y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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
___
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
___
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] Hack PNG desde CSS
Hola, es necesario usar pngs, no se a veces la mejor solución no es
esa, eso de usar filtros de png opaca un poco el color de la imagen
prueba con jpg, gif o algo
El 19/02/2009, a las 7:34, mar escribió:
Prueba a buscar el archivo iepngfix.htc, es facil de encontrar y
luego lo pones d ela siguiente forma en todas las paginas,
!--[if IE 6]
style type=text/cssimg, div {behavior: url(js/iepngfix.htc);}/
style
![endif]--
Espero te sirva de algo.
Date: Thu, 19 Feb 2009 12:16:33 +
From: chr5ma...@gmail.com
To: ovillo@lists.ovillo.org
Subject: [Ovillo] Hack PNG desde CSS
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas desde
html , pero ¿ qué ocurre cuando las imágenes son introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde background-
image a html ?
Muchas gracias como siempre por todas vuestras opiones sugerencias y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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
e
_
¡Entra en el Club oficial de Messenger y te enterarás de todas las
novedades!
http://www.vivelive.com/ilovemessenger
___
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
Mauricio Dulce
mauricio.du...@gmail.com
+57 315 4183043
http://www.3zona.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] Hack PNG desde CSS
La clase .button corresponde a imágenes contenidas dentro del enlace:
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
border: none;
}
!--- html -
div class=boton_avance
a href=# title=avanzarimg class=button
src=img/1x1.gif alt=Avance //a
/div
La parte que no interpreta es el posicionamiento a través de la
pseudoclase :hover cuando hago rollover...
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
El día 19 de febrero de 2009 14:52, Alvarez Laurnaga, Jose Antonio
jalva...@softwareag.es escribió:
Creo que tu problema es que tienes que poner:
.boton_avance a.button:hover {
width: etc.
Aunque sería major ver más código HTML y css
Salu2
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En
nombre de Chr5
Enviado el: jueves, 19 de febrero de 2009 14:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Hack PNG desde CSS
Estupendo chicos,
Estoy usando esta última opción,
todo va perfecto con imágenes ubicadas en la cabecera,
pero algunas introducidas a través de rollover sprite[1], no marchan,
están posicionadas a través de css de la siguiente manera:
.boton_avance a .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 0;
border: none;
}
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
border: none;
}
¿ Algunas sugerencia ?
gracias de veras a todos,
carlos
[1] http://www.alistapart.com/articles/sprites/
El día 19 de febrero de 2009 12:42, Dani F. Serch
daniou...@gmail.com escribió:
Yo uso el IE8.js
http://code.google.com/p/ie7-js/
Y si que pueden usarse PNGs de fondo, pero la pega es que no pueden
ponerse en mosaico (repetirse).
Diana Castillo escribió:
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagen.png,
sizingMethod='scale');
}
/style
![endif]--
En teoria, el ultimo pngfix creo que soportaba imagenes de fondo, pero
no estoy muy segura...alguna idea?
El 19 de febrero de 2009 13:16, Chr5 chr5ma...@gmail.com escribió:
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas desde
html , pero ¿ qué ocurre cuando las imágenes son introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde background-image
a
html ?
Muchas gracias como siempre por todas vuestras opiones sugerencias y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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
___
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
___
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] Hack PNG desde CSS
PNG tiene la versión 32 bits y la versión de 8 bits (para mí que el
png-24 es un invento del Photoshop...). La diferencia es que con png de
8 bits sólo se pueden crear imágenes de 256 colores (como los gif),
mientras que con la de 32 tienes una gama de dos-elevado-a-treintaydos
colores (como los jpg). Para un diseñador gráfico el png-8 se puede
quedar corto.
Victor Hugo Arias Valencia escribió:
Puede ser de utilidad para quien no lo sepa, el formato PNG viene en dos
tipos, PNG-8 y PNG-24, por lo general utilizamos el PNG-24 y nos complicamos
con el sin necesidad (como en botones e iconos), si no estoy mal el PNG-8 no
tiene el problema de transparencia en Explorer 6.
Dejo igual un artículo que explica muchisimo mejor que yo...
http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/
El 19 de febrero de 2009 10:05, Chr5 chr5ma...@gmail.com escribió:
La clase .button corresponde a imágenes contenidas dentro del enlace:
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
border: none;
}
!--- html -
div class=boton_avance
a href=# title=avanzarimg class=button
src=img/1x1.gif alt=Avance //a
/div
La parte que no interpreta es el posicionamiento a través de la
pseudoclase :hover cuando hago rollover...
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
El día 19 de febrero de 2009 14:52, Alvarez Laurnaga, Jose Antonio
jalva...@softwareag.es escribió:
Creo que tu problema es que tienes que poner:
.boton_avance a.button:hover {
width: etc.
Aunque sería major ver más código HTML y css
Salu2
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:
ovillo-boun...@lists.ovillo.org] En
nombre de Chr5
Enviado el: jueves, 19 de febrero de 2009 14:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Hack PNG desde CSS
Estupendo chicos,
Estoy usando esta última opción,
todo va perfecto con imágenes ubicadas en la cabecera,
pero algunas introducidas a través de rollover sprite[1], no marchan,
están posicionadas a través de css de la siguiente manera:
.boton_avance a .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 0;
border: none;
}
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
border: none;
}
¿ Algunas sugerencia ?
gracias de veras a todos,
carlos
[1] http://www.alistapart.com/articles/sprites/
El día 19 de febrero de 2009 12:42, Dani F. Serch
daniou...@gmail.com escribió:
Yo uso el IE8.js
http://code.google.com/p/ie7-js/
Y si que pueden usarse PNGs de fondo, pero la pega es que no pueden
ponerse en mosaico (repetirse).
Diana Castillo escribió:
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagen.png,
sizingMethod='scale');
}
/style
![endif]--
En teoria, el ultimo pngfix creo que soportaba imagenes de fondo,
pero
no estoy muy segura...alguna idea?
El 19 de febrero de 2009 13:16, Chr5 chr5ma...@gmail.com
escribió:
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas desde
html , pero ¿ qué ocurre cuando las imágenes son introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde
background-image a
html ?
Muchas gracias como siempre por todas vuestras opiones sugerencias
y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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] Hack PNG desde CSS
Huy si que pena, tan acostumbrado a ver el 24 en Photoshop que ya se me
pegó...
Si el PNG-8 es como un Gif, pero en botones, iconos, o cosas por el estilo
puede ser más eficiente...
Igual no se si estoy en lo cierto, si alguien ya lo ha trabajado nos cuenta
por favor...
El 19 de febrero de 2009 10:20, Rodrigo Álvarez Virgós
rodri.vir...@gmail.com escribió:
PNG tiene la versión 32 bits y la versión de 8 bits (para mí que el
png-24 es un invento del Photoshop...). La diferencia es que con png de
8 bits sólo se pueden crear imágenes de 256 colores (como los gif),
mientras que con la de 32 tienes una gama de dos-elevado-a-treintaydos
colores (como los jpg). Para un diseñador gráfico el png-8 se puede
quedar corto.
Victor Hugo Arias Valencia escribió:
Puede ser de utilidad para quien no lo sepa, el formato PNG viene en dos
tipos, PNG-8 y PNG-24, por lo general utilizamos el PNG-24 y nos
complicamos
con el sin necesidad (como en botones e iconos), si no estoy mal el PNG-8
no
tiene el problema de transparencia en Explorer 6.
Dejo igual un artículo que explica muchisimo mejor que yo...
http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/
El 19 de febrero de 2009 10:05, Chr5 chr5ma...@gmail.com escribió:
La clase .button corresponde a imágenes contenidas dentro del enlace:
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
border: none;
}
!--- html -
div class=boton_avance
a href=# title=avanzarimg class=button
src=img/1x1.gif alt=Avance //a
/div
La parte que no interpreta es el posicionamiento a través de la
pseudoclase :hover cuando hago rollover...
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
El día 19 de febrero de 2009 14:52, Alvarez Laurnaga, Jose Antonio
jalva...@softwareag.es escribió:
Creo que tu problema es que tienes que poner:
.boton_avance a.button:hover {
width: etc.
Aunque sería major ver más código HTML y css
Salu2
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:
ovillo-boun...@lists.ovillo.org] En
nombre de Chr5
Enviado el: jueves, 19 de febrero de 2009 14:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Hack PNG desde CSS
Estupendo chicos,
Estoy usando esta última opción,
todo va perfecto con imágenes ubicadas en la cabecera,
pero algunas introducidas a través de rollover sprite[1], no marchan,
están posicionadas a través de css de la siguiente manera:
.boton_avance a .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 0;
border: none;
}
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100%
100%;
border: none;
}
¿ Algunas sugerencia ?
gracias de veras a todos,
carlos
[1] http://www.alistapart.com/articles/sprites/
El día 19 de febrero de 2009 12:42, Dani F. Serch
daniou...@gmail.com escribió:
Yo uso el IE8.js
http://code.google.com/p/ie7-js/
Y si que pueden usarse PNGs de fondo, pero la pega es que no pueden
ponerse en mosaico (repetirse).
Diana Castillo escribió:
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagen.png,
sizingMethod='scale');
}
/style
![endif]--
En teoria, el ultimo pngfix creo que soportaba imagenes de fondo,
pero
no estoy muy segura...alguna idea?
El 19 de febrero de 2009 13:16, Chr5 chr5ma...@gmail.com
escribió:
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda
interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas
desde
html , pero ¿ qué ocurre cuando las imágenes son introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde
background-image a
html ?
Muchas gracias como siempre por todas vuestras opiones sugerencias
y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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] Problema al posicionar absolutamente
Ignacio
que tonto no darme cuenta :P
te agradezco,
saludos
2009/2/19 Ignacio Ricci ignacio.ri...@gmail.com:
.post tiene position absolute, y debería tener position *relative* :)
On Thu, Feb 19, 2009 at 1:00 AM, Ignacio Aguirre
igna...@independiente.clwrote:
Estimados
Concurro a ustedes, nuevamente, pues me encuentro con un problemita
al que no he encontrado solucion, esperando que ustedes me orienten,
les cuento.
Estoy maqueteando una seccion de articulos, dentro de la caja de cada
articulo hay un titulo, contenido y fecha. La cosa es que la fecha la
estoy posicionando absolutamente (sobre esta caja contenedora que esta
posicionada relativamente). La cosa es que cuando le doy
position:absolute a mi caja, se come al siguiente post (creo que por
que no tiene un alto definido. Como el contenido se genera
dinámicamente, no puedo darle un alto a la caja).
Pego el codigo:
CSS:
---
.post {
width:580px;
height:auto;
float:left;
background:url(imagenes/postbg.jpg) repeat-y;
margin-bottom:20px;
position:absolute;
display:block;
}
h2.titulo-post {
width:560px;
padding-left:20px;
height:73px;
padding-top:14px;
background:url(imagenes/titulo-post.jpg) no-repeat;
font-family:Georgia, Times New Roman, Times, serif;
font-size:18px;
color:#996633;
float:left;
}
.post-contenido {
width:580px;
height:auto;
color:#996633;
float:left;
}
.post-fecha {
position:absolute;
width:100px;
height:25px;
top:13px;
right:31px;
font-family:Georgia, Times New Roman, Times, serif;
font-size:16px;
color:#996633;
font-weight:bold;
text-align:center;
}
HTML:
div class=post
h2 class=titulo-postTITULO DEL POST/h2
div class=post-fecha23 - 3 - 09/div
div class=post-contenido
aqui va el contenido
/div
/div
Esto lo pueden ver en http://www.comunicatoons.cl/articulos/
Se daran cuenta inmediatamente que no se ven los dos que deberian
mostrarse. Si ocupan Firebug, o su símil favorito, y desactivan el
position:absolute de la clase post, todo queda en orden.
Ese es mi problema, espero no haber sido demasiado extenso.
Desde ya agradezco sus comentarios y sugerencias
--
Ignacio Aguirre
___
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
--
↓ Ignacio Ricci
www.ignacioricci.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
--
Ignacio Aguirre
Estratega Comunicacional
Independiente Producciones
8.5783569
___
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] Hack PNG desde CSS
aupa
me parece muy interesante la solución que comentan en el link.
¿alguien sabe si hay algún otro programa que ofrezca ese pequeño truco
aparde de Fireworks?
no puedo dar crédito a que solo se pueda hacer con Fireworks, y he
pensado que tal vez gimp o alguno de estos lo tendría, pero en el Gimp
no encuentro nada parecido
¿alguna idea?
gracias
El 19/02/2009, a las 16:12, Victor Hugo Arias Valencia escribió:
Puede ser de utilidad para quien no lo sepa, el formato PNG viene en
dos
tipos, PNG-8 y PNG-24, por lo general utilizamos el PNG-24 y nos
complicamos
con el sin necesidad (como en botones e iconos), si no estoy mal el
PNG-8 no
tiene el problema de transparencia en Explorer 6.
Dejo igual un artículo que explica muchisimo mejor que yo...
http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/
El 19 de febrero de 2009 10:05, Chr5 chr5ma...@gmail.com escribió:
La clase .button corresponde a imágenes contenidas dentro del enlace:
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100%
100%;
border: none;
}
!--- html -
div class=boton_avance
a href=# title=avanzarimg class=button
src=img/1x1.gif alt=Avance //a
/div
La parte que no interpreta es el posicionamiento a través de la
pseudoclase :hover cuando hago rollover...
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
El día 19 de febrero de 2009 14:52, Alvarez Laurnaga, Jose Antonio
jalva...@softwareag.es escribió:
Creo que tu problema es que tienes que poner:
.boton_avance a.button:hover {
width: etc.
Aunque sería major ver más código HTML y css
Salu2
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:
ovillo-boun...@lists.ovillo.org] En
nombre de Chr5
Enviado el: jueves, 19 de febrero de 2009 14:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Hack PNG desde CSS
Estupendo chicos,
Estoy usando esta última opción,
todo va perfecto con imágenes ubicadas en la cabecera,
pero algunas introducidas a través de rollover sprite[1], no
marchan,
están posicionadas a través de css de la siguiente manera:
.boton_avance a .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 0;
border: none;
}
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100%
100%;
border: none;
}
¿ Algunas sugerencia ?
gracias de veras a todos,
carlos
[1] http://www.alistapart.com/articles/sprites/
El día 19 de febrero de 2009 12:42, Dani F. Serch
daniou...@gmail.com escribió:
Yo uso el IE8.js
http://code.google.com/p/ie7-js/
Y si que pueden usarse PNGs de fondo, pero la pega es que no
pueden
ponerse en mosaico (repetirse).
Diana Castillo escribió:
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagen.png,
sizingMethod='scale');
}
/style
![endif]--
En teoria, el ultimo pngfix creo que soportaba imagenes de
fondo,
pero
no estoy muy segura...alguna idea?
El 19 de febrero de 2009 13:16, Chr5 chr5ma...@gmail.com
escribió:
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda
interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas
desde
html , pero ¿ qué ocurre cuando las imágenes son
introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde
background-image a
html ?
Muchas gracias como siempre por todas vuestras opiones
sugerencias
y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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
___
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] Hack PNG desde CSS
pero en el Gimp no encuentro nada parecido
En Gimp marcas el PNG como RGB (32 bits) o como indexado (8 bits) en el
menú Imagen - Modo.
Saludos!
Martin Etxauri wrote:
aupa
me parece muy interesante la solución que comentan en el link.
¿alguien sabe si hay algún otro programa que ofrezca ese pequeño truco
aparde de Fireworks?
no puedo dar crédito a que solo se pueda hacer con Fireworks, y he
pensado que tal vez gimp o alguno de estos lo tendría, pero en el Gimp
no encuentro nada parecido
¿alguna idea?
gracias
El 19/02/2009, a las 16:12, Victor Hugo Arias Valencia escribió:
Puede ser de utilidad para quien no lo sepa, el formato PNG viene en
dos
tipos, PNG-8 y PNG-24, por lo general utilizamos el PNG-24 y nos
complicamos
con el sin necesidad (como en botones e iconos), si no estoy mal el
PNG-8 no
tiene el problema de transparencia en Explorer 6.
Dejo igual un artículo que explica muchisimo mejor que yo...
http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/
El 19 de febrero de 2009 10:05, Chr5 chr5ma...@gmail.com escribió:
La clase .button corresponde a imágenes contenidas dentro del enlace:
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100%
100%;
border: none;
}
!--- html -
div class=boton_avance
a href=# title=avanzarimg class=button
src=img/1x1.gif alt=Avance //a
/div
La parte que no interpreta es el posicionamiento a través de la
pseudoclase :hover cuando hago rollover...
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
El día 19 de febrero de 2009 14:52, Alvarez Laurnaga, Jose Antonio
jalva...@softwareag.es escribió:
Creo que tu problema es que tienes que poner:
.boton_avance a.button:hover {
width: etc.
Aunque sería major ver más código HTML y css
Salu2
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:
ovillo-boun...@lists.ovillo.org] En
nombre de Chr5
Enviado el: jueves, 19 de febrero de 2009 14:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Hack PNG desde CSS
Estupendo chicos,
Estoy usando esta última opción,
todo va perfecto con imágenes ubicadas en la cabecera,
pero algunas introducidas a través de rollover sprite[1], no
marchan,
están posicionadas a través de css de la siguiente manera:
.boton_avance a .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 0;
border: none;
}
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100%
100%;
border: none;
}
¿ Algunas sugerencia ?
gracias de veras a todos,
carlos
[1] http://www.alistapart.com/articles/sprites/
El día 19 de febrero de 2009 12:42, Dani F. Serch
daniou...@gmail.com escribió:
Yo uso el IE8.js
http://code.google.com/p/ie7-js/
Y si que pueden usarse PNGs de fondo, pero la pega es que no
pueden
ponerse en mosaico (repetirse).
Diana Castillo escribió:
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagen.png,
sizingMethod='scale');
}
/style
![endif]--
En teoria, el ultimo pngfix creo que soportaba imagenes de
fondo,
pero
no estoy muy segura...alguna idea?
El 19 de febrero de 2009 13:16, Chr5 chr5ma...@gmail.com
escribió:
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda
interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas
desde
html , pero ¿ qué ocurre cuando las imágenes son
introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde
background-image a
html ?
Muchas gracias como siempre por todas vuestras opiones
sugerencias
y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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
___
Lista de distribución Ovillo
Para escribir a la
Re: [Ovillo] Hack PNG desde CSS
En Gimp marcas el PNG como RGB (32 bits) o como indexado (8 bits) en
el
menú Imagen - Modo.
Si, eso si, pero yo hablaba del truco que aparece en el link que
mandaba Victor Hugo, donde el Fireworks, al cambiar de Indexed
transparency a Alpha transparency permite obtener varios colores con
alpha en un PNG de 8bits, lo cual permite tener una transparencia con
diferentes niveles de alpha, algo que, en principio, se supone que no
se puede hacer en un PNG de 8. Además, se comporta mejor en los
diferentes navegadores que el PNG de 32, ya que con el truco del de 8
bits IE 6 (e inferiores) hace desaparecer los pixeles que tienen una
transparencia media para ponerlos completamente transparentes y (si no
me equivoco) con el PNG de 32 bits IE pone opacos todos los pixeles
con algo de transparencia lo cual es peor porque desaparece toda
transparencia.
He estado buscando algo mas y no parece que esto se pueda hacer con
otro programa que no sea Fireworks, una pena.
¿Alguien tiene un Photoshop CS4 instalado para ver si hay algo de esto
en el save for web?
gracias
Saludos!
Martin Etxauri wrote:
aupa
me parece muy interesante la solución que comentan en el link.
¿alguien sabe si hay algún otro programa que ofrezca ese pequeño
truco
aparde de Fireworks?
no puedo dar crédito a que solo se pueda hacer con Fireworks, y he
pensado que tal vez gimp o alguno de estos lo tendría, pero en el
Gimp
no encuentro nada parecido
¿alguna idea?
gracias
El 19/02/2009, a las 16:12, Victor Hugo Arias Valencia escribió:
Puede ser de utilidad para quien no lo sepa, el formato PNG viene en
dos
tipos, PNG-8 y PNG-24, por lo general utilizamos el PNG-24 y nos
complicamos
con el sin necesidad (como en botones e iconos), si no estoy mal el
PNG-8 no
tiene el problema de transparencia en Explorer 6.
Dejo igual un artículo que explica muchisimo mejor que yo...
http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/
El 19 de febrero de 2009 10:05, Chr5 chr5ma...@gmail.com escribió:
La clase .button corresponde a imágenes contenidas dentro del
enlace:
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100%
100%;
border: none;
}
!--- html -
div class=boton_avance
a href=# title=avanzarimg class=button
src=img/1x1.gif alt=Avance //a
/div
La parte que no interpreta es el posicionamiento a través de la
pseudoclase :hover cuando hago rollover...
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
El día 19 de febrero de 2009 14:52, Alvarez Laurnaga, Jose Antonio
jalva...@softwareag.es escribió:
Creo que tu problema es que tienes que poner:
.boton_avance a.button:hover {
width: etc.
Aunque sería major ver más código HTML y css
Salu2
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:
ovillo-boun...@lists.ovillo.org] En
nombre de Chr5
Enviado el: jueves, 19 de febrero de 2009 14:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Hack PNG desde CSS
Estupendo chicos,
Estoy usando esta última opción,
todo va perfecto con imágenes ubicadas en la cabecera,
pero algunas introducidas a través de rollover sprite[1], no
marchan,
están posicionadas a través de css de la siguiente manera:
.boton_avance a .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100%
0;
border: none;
}
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100%
100%;
border: none;
}
¿ Algunas sugerencia ?
gracias de veras a todos,
carlos
[1] http://www.alistapart.com/articles/sprites/
El día 19 de febrero de 2009 12:42, Dani F. Serch
daniou...@gmail.com escribió:
Yo uso el IE8.js
http://code.google.com/p/ie7-js/
Y si que pueden usarse PNGs de fondo, pero la pega es que no
pueden
ponerse en mosaico (repetirse).
Diana Castillo escribió:
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform
.Microsoft.AlphaImageLoader(src=imagen.png,
sizingMethod='scale');
}
/style
![endif]--
En teoria, el ultimo pngfix creo que soportaba imagenes de
fondo,
pero
no estoy muy segura...alguna idea?
El 19 de febrero de 2009 13:16, Chr5 chr5ma...@gmail.com
escribió:
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda
interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas
desde
html , pero ¿ qué ocurre cuando las imágenes son
introducidas
desde CSS, a través
Re: [Ovillo] Hack PNG desde CSS
CS4 va de retro que site tan tan tan mala, fireworks es una porqueria en esa
site, va super lento, no renderiza bien, come mucho recurso y tiene un
peculiar bug con el click derecho, digamos tengo u slice que quiero exportar
le doy click derecho exportar slice selecccionado, voy a donde lo quiero
exportar le doy guardar y guala cuando doy click izquierdo en cualquier
lado, me despliega de nuevo el menu contextual
El 19 de febrero de 2009 11:31, Martin Etxauri t...@eragin.com escribió:
En Gimp marcas el PNG como RGB (32 bits) o como indexado (8 bits) en
el
menú Imagen - Modo.
Si, eso si, pero yo hablaba del truco que aparece en el link que
mandaba Victor Hugo, donde el Fireworks, al cambiar de Indexed
transparency a Alpha transparency permite obtener varios colores con
alpha en un PNG de 8bits, lo cual permite tener una transparencia con
diferentes niveles de alpha, algo que, en principio, se supone que no
se puede hacer en un PNG de 8. Además, se comporta mejor en los
diferentes navegadores que el PNG de 32, ya que con el truco del de 8
bits IE 6 (e inferiores) hace desaparecer los pixeles que tienen una
transparencia media para ponerlos completamente transparentes y (si no
me equivoco) con el PNG de 32 bits IE pone opacos todos los pixeles
con algo de transparencia lo cual es peor porque desaparece toda
transparencia.
He estado buscando algo mas y no parece que esto se pueda hacer con
otro programa que no sea Fireworks, una pena.
¿Alguien tiene un Photoshop CS4 instalado para ver si hay algo de esto
en el save for web?
gracias
Saludos!
Martin Etxauri wrote:
aupa
me parece muy interesante la solución que comentan en el link.
¿alguien sabe si hay algún otro programa que ofrezca ese pequeño
truco
aparde de Fireworks?
no puedo dar crédito a que solo se pueda hacer con Fireworks, y he
pensado que tal vez gimp o alguno de estos lo tendría, pero en el
Gimp
no encuentro nada parecido
¿alguna idea?
gracias
El 19/02/2009, a las 16:12, Victor Hugo Arias Valencia escribió:
Puede ser de utilidad para quien no lo sepa, el formato PNG viene en
dos
tipos, PNG-8 y PNG-24, por lo general utilizamos el PNG-24 y nos
complicamos
con el sin necesidad (como en botones e iconos), si no estoy mal el
PNG-8 no
tiene el problema de transparencia en Explorer 6.
Dejo igual un artículo que explica muchisimo mejor que yo...
http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/
El 19 de febrero de 2009 10:05, Chr5 chr5ma...@gmail.com escribió:
La clase .button corresponde a imágenes contenidas dentro del
enlace:
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100%
100%;
border: none;
}
!--- html -
div class=boton_avance
a href=# title=avanzarimg class=button
src=img/1x1.gif alt=Avance //a
/div
La parte que no interpreta es el posicionamiento a través de la
pseudoclase :hover cuando hago rollover...
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
El día 19 de febrero de 2009 14:52, Alvarez Laurnaga, Jose Antonio
jalva...@softwareag.es escribió:
Creo que tu problema es que tienes que poner:
.boton_avance a.button:hover {
width: etc.
Aunque sería major ver más código HTML y css
Salu2
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:
ovillo-boun...@lists.ovillo.org] En
nombre de Chr5
Enviado el: jueves, 19 de febrero de 2009 14:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Hack PNG desde CSS
Estupendo chicos,
Estoy usando esta última opción,
todo va perfecto con imágenes ubicadas en la cabecera,
pero algunas introducidas a través de rollover sprite[1], no
marchan,
están posicionadas a través de css de la siguiente manera:
.boton_avance a .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100%
0;
border: none;
}
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100%
100%;
border: none;
}
¿ Algunas sugerencia ?
gracias de veras a todos,
carlos
[1] http://www.alistapart.com/articles/sprites/
El día 19 de febrero de 2009 12:42, Dani F. Serch
daniou...@gmail.com escribió:
Yo uso el IE8.js
http://code.google.com/p/ie7-js/
Y si que pueden usarse PNGs de fondo, pero la pega es que no
pueden
ponerse en mosaico (repetirse).
Diana Castillo escribió:
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform
Re: [Ovillo] Hack PNG desde CSS
A ver, todo dependerá de las necesidades.Yo utilizo en un 90% más png32 que
24. Cosa de los diseños, ya os digo.
El 19 de febrero de 2009 17:15, Félix Horro Pita fho...@corunet.comescribió:
pero en el Gimp no encuentro nada parecido
En Gimp marcas el PNG como RGB (32 bits) o como indexado (8 bits) en el
menú Imagen - Modo.
Saludos!
Martin Etxauri wrote:
aupa
me parece muy interesante la solución que comentan en el link.
¿alguien sabe si hay algún otro programa que ofrezca ese pequeño truco
aparde de Fireworks?
no puedo dar crédito a que solo se pueda hacer con Fireworks, y he
pensado que tal vez gimp o alguno de estos lo tendría, pero en el Gimp
no encuentro nada parecido
¿alguna idea?
gracias
El 19/02/2009, a las 16:12, Victor Hugo Arias Valencia escribió:
Puede ser de utilidad para quien no lo sepa, el formato PNG viene en
dos
tipos, PNG-8 y PNG-24, por lo general utilizamos el PNG-24 y nos
complicamos
con el sin necesidad (como en botones e iconos), si no estoy mal el
PNG-8 no
tiene el problema de transparencia en Explorer 6.
Dejo igual un artículo que explica muchisimo mejor que yo...
http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/
El 19 de febrero de 2009 10:05, Chr5 chr5ma...@gmail.com escribió:
La clase .button corresponde a imágenes contenidas dentro del enlace:
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100%
100%;
border: none;
}
!--- html -
div class=boton_avance
a href=# title=avanzarimg class=button
src=img/1x1.gif alt=Avance //a
/div
La parte que no interpreta es el posicionamiento a través de la
pseudoclase :hover cuando hago rollover...
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
El día 19 de febrero de 2009 14:52, Alvarez Laurnaga, Jose Antonio
jalva...@softwareag.es escribió:
Creo que tu problema es que tienes que poner:
.boton_avance a.button:hover {
width: etc.
Aunque sería major ver más código HTML y css
Salu2
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:
ovillo-boun...@lists.ovillo.org] En
nombre de Chr5
Enviado el: jueves, 19 de febrero de 2009 14:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Hack PNG desde CSS
Estupendo chicos,
Estoy usando esta última opción,
todo va perfecto con imágenes ubicadas en la cabecera,
pero algunas introducidas a través de rollover sprite[1], no
marchan,
están posicionadas a través de css de la siguiente manera:
.boton_avance a .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 0;
border: none;
}
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100%
100%;
border: none;
}
¿ Algunas sugerencia ?
gracias de veras a todos,
carlos
[1] http://www.alistapart.com/articles/sprites/
El día 19 de febrero de 2009 12:42, Dani F. Serch
daniou...@gmail.com escribió:
Yo uso el IE8.js
http://code.google.com/p/ie7-js/
Y si que pueden usarse PNGs de fondo, pero la pega es que no
pueden
ponerse en mosaico (repetirse).
Diana Castillo escribió:
yo para eso suelo usar el condicional con el filter:
!--[if IE]
style
#fnd_login
{
background-image: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagen.png,
sizingMethod='scale');
}
/style
![endif]--
En teoria, el ultimo pngfix creo que soportaba imagenes de
fondo,
pero
no estoy muy segura...alguna idea?
El 19 de febrero de 2009 13:16, Chr5 chr5ma...@gmail.com
escribió:
Buenos días compañeros,
Intento utilizar el pngfix hack [1], para que IE6 pueda
interpretar
las imágenes PNG correctamente.
Por lo visto esto funciona cuando las imágenes son incertadas
desde
html , pero ¿ qué ocurre cuando las imágenes son
introducidas
desde CSS, a través de la propiedad Background-image ?
¿ Conocéis alguna solución ? ¿ Paso las imágenes desde
background-image a
html ?
Muchas gracias como siempre por todas vuestras opiones
sugerencias
y
reflexiones varias,
carlos
[1] http://homepage.ntlworld.com/bobosola/index.htm
___
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] Hack PNG desde CSS
La clase .button corresponde a imágenes contenidas dentro del enlace:
.boton_avance a:hover .button {
width: 44px;
height: 49px;
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
border: none;
}
!--- html -
div class=boton_avance
a href=# title=avanzarimg class=button
src=img/1x1.gif alt=Avance //a
/div
La parte que no interpreta es el posicionamiento a través de la
pseudoclase :hover cuando hago rollover...
background: url(../img/playbuttons-trans.png) no-repeat 100% 100%;
Pues entonces no entiendo porqué no te funciona. Revisa la imagen porque yo he
creado un archivo con tu código (CSS y HTML) y con un png y funciona.
Normalmente el cambio de posición se hace hacia valores negativos (de 0 0 a 0
-49px), pero depende de cómo este hecho el png. Si puedes subir la imagen a
algún servidor se podría saber qué está fallando. Un truco es aumentar la
altura de button para ver el movimiento sin que quede oculto. Eso no falla.
Eso sí me parece que lo estás haciendo de una forma un poco retorcida ;-)
Si entiendo bien lo que quieres hacer bastaría con:
!--- html -
a href=# title=avanzar class=boton/a
!--- css -
a.boton, a.boton:hover {
display:block;
width: 44px;
height: 49px;
border: 1px solid blue;
background: url(playbuttons-trans.png) no-repeat 0 0;
}
a.boton:hover {
background-position: 0 100%;
}
Jose
___
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] OT: Diagramas de flujo en linea.
Saludos a todos, Estoy investigando si existe una herramienta para yo insertar en un sitio un espacio para crear diagramas de flujo..? asi como es el FCK editor para texto, algo para diagramas ..? Gracias -- Ardilla Roja La Trinchera // ardillaroja.com.mx ___ 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] OT: Diagramas de flujo en linea.
Te refieres a algo como http://www.smartdraw.com/ ?? Ardilla Roja escribió: Saludos a todos, Estoy investigando si existe una herramienta para yo insertar en un sitio un espacio para crear diagramas de flujo..? asi como es el FCK editor para texto, algo para diagramas ..? Gracias ___ 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] Dt y dd en la misma línea
Aunque fuera de lugar, que diferencia existe entre estodl, dl * y esto otro * dl, dl . Mirando las reglas Css torpemente no consigo entenderlo bien. Alguien que me envie una luz. De antemano gracias ___ 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] OT: Diagramas de flujo en linea.
Saludos, Mas bien, es que yo hago un sitio, y entonces un usuario de mi sitio entre y pueda dibujar su propio diagrama de flujo, y guardarlo offline... On Thu, Feb 19, 2009 at 11:56 AM, Javier Prieto (Tapry) jpri...@tapry.com wrote: Te refieres a algo como http://www.smartdraw.com/ ?? Ardilla Roja escribió: Saludos a todos, Estoy investigando si existe una herramienta para yo insertar en un sitio un espacio para crear diagramas de flujo..? asi como es el FCK editor para texto, algo para diagramas ..? Gracias ___ 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 -- Ardilla Roja La Trinchera // ardillaroja.com.mx ___ 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] OT: Diagramas de flujo en linea.
Lo más parecido que conozco es Raven, un editor vectorial hecho en flash. Pero desconozco si puedes descargarlo e incluirlo en tu web. http://aviary.com/tools/raven Ardilla Roja escribió: Saludos, Mas bien, es que yo hago un sitio, y entonces un usuario de mi sitio entre y pueda dibujar su propio diagrama de flujo, y guardarlo offline... On Thu, Feb 19, 2009 at 11:56 AM, Javier Prieto (Tapry) jpri...@tapry.com wrote: Te refieres a algo como http://www.smartdraw.com/ ?? Ardilla Roja escribió: Saludos a todos, Estoy investigando si existe una herramienta para yo insertar en un sitio un espacio para crear diagramas de flujo..? asi como es el FCK editor para texto, algo para diagramas ..? Gracias ___ 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] OT: Diagramas de flujo en linea.
Hola el otro día de casualidad me encontré con esto: http://www.jscharts.com/ Lo que no sé es si se puede guardar el resultado. Salud! Alberto García albe...@katiuskas.com http://www.katiuskas.com/ ** Ardilla Roja escribió: Saludos a todos, Estoy investigando si existe una herramienta para yo insertar en un sitio un espacio para crear diagramas de flujo..? asi como es el FCK editor para texto, algo para diagramas ..? Gracias ___ 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] OT: Diagramas de flujo en linea.
On Thu, Feb 19, 2009 at 8:49 PM, Ardilla Roja ardillar...@gmail.com wrote: Saludos a todos, Estoy investigando si existe una herramienta para yo insertar en un sitio un espacio para crear diagramas de flujo..? asi como es el FCK editor para texto, algo para diagramas ..? en la wikipedia usan http://www.graphviz.org/ es muy sencillo, dibujas nodo - nodo, listando todas las relaciones que tienes, y automatigicamente de dibuja un diagrama ejemplo http://en.wikipedia.org/wiki/File:Quake_-_family_tree_2.svg -- -- ℱin del ℳensaje. ___ 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
