Re: [Ovillo] Porque utilizar ocultación en los menús [era: Formas de ocultación]
Aupa
Es una buena razón si, y es verdad que tienes un mayor control, pero igualmente
se puede utilizar algo parecido cuando tienes un img inline:
Si tienes esto así:
aimg //a
(me como la mitad del code :P)
poner:
a{
background:url(imagen_para_hover.jpg);
...
}
a:hover img{
display:none
}
de manera que en el hover la imagen inline desaparace y deja que se vea la que
está de fondo del a
O utilizar un sprite:
a{
position:relative;
display: block;
height:x;
width:y;
overflow_hidden
}
img{
position: relative;
top:0;
left:0;
}
a:hover img{
top:-x;
}
(la imagen que se ve tendría height=x; y el sprite en si hegith=2x)
de manera que el a funciona de mascara para la imagen y en el hover se nos
muestra la mitad que estaba oculta.
Aunque la segunda opción sin estilos se ve la imagen duplicada, claro, porque
se ven los dos estados a la vez.
Saludos
El 13/07/2011, a las 22:08, Victor Hugo Arias Valencia escribió:
No se si este salido de tono, pero en el caso de un menú con una imagen como
contenido (img) vs un menú con texto oculto es que a este último puedo
aplicarle el estado sobre, activo y visitado a través de CSS.
--
Docente tutor - Soporte
Conocimiento Virtual Academia
www.ConocimientoVirtual.edu.co
www.PixelTelevision.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
___
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] centra img dentro de a de menos tamaño
Hola a todos
Vengo a ver si alguien conoce una algo que creo que no existe :)
El tema es para unas miniaturas de una galería, tenemos un img dentro de un
a, digamos que el a tiene 100px de alto y de ancho y la imagen 100 de alto
y 200 de ancho de manera que la imagen queda recortada dentro del a. La
cuestión es centrar esa imagen dentro del a para que en el recorte se vea el
centro. El verdadero problema es que las imágenes no tendrán todas la misma
proporción y por ende serán de ancho variable, no tendrán todas 200px.
Yo tengo dos maneras, pero busco una tercera milagrosa :) (que no he encontrado
en internet, cla)
A) Meter el img dentro de un span de mayor tamaño:
a ... spanimg ... //span/a
a{
display:block:
width: 100px;
height: 100px;
overflow:hidden;
...
}
span{
display:block:
height:100px;
width:300px; /*en cualquier caso una medida mayor que cualquiera de las
fotos que entrarán*/
margin-left:-100px;/*o lo que haga falta para que el span quede
centrado en el a según el width del span*/
text-align:center;
}
en vez del margin-left también podemos usar un position:relative; y
left:-100px; que igual es mejor.
pero claro, aquí no me mola que ese span no pinta nada ahí.
B) Hacer lo mismo que hacemos con el span con la img y calcular el margin-left
en base a la anchura de la imagen mediante programación.
Pero claro, aquí le metes a hacer cálculos por cada miniatura y aparte del
trabajo extra de programación le va a costar mas cargar todo, además de que
tendrías que meter el margin-left inline... y bueno, que molaría poder hacerlo
solo con css.
¿alguien conoce alguna solución milagrosa?
gracias a todos.
saludos
Martin
___
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] Problemas atributo color e IE en CSS
Hola a todos, soy novata y voy aprendiendo poco a poco sobre CSS y HTML. Estoy llevando el mantenimiento de una web en Joomla! y de repente me he encontrado con que en el Internet Explorer los textos no toman el atributo color definido en el body (deberían ser grisáceos #66 y se muestran en blanco), sin embargo sí que lo hacen en Firefox y Chrome, la web es: bj-adaptaciones.com Llevo un rato dándole vueltas pero no consigo resolver el problema, ¿alguien sabe si es un problema directamente con el controlador o hay algún defecto en el CSS? Antes se visualizaban correctamente, no sé desde cuándo no se muestran los textos porque desafortunadamente yo suelo trabajar con Firefox y sólo recurro al IE para validar un cambio. Saludos y muchísimas gracias por adelantado!! ___ 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] Problemas atributo color e IE en CSS
Tienes la Tabla con color FF y todo lo que le viene abajo es como si
tuvieras un table *{color:#fff;}
prueba a meter esto:
.article_column: color:#666 (o el color que quieras);
El 14 de julio de 2011 13:19, Elena Ballesteros Molinero
elena.balleste...@bj-adaptaciones.com escribió:
Hola a todos,
soy novata y voy aprendiendo poco a poco sobre CSS y HTML.
Estoy llevando el mantenimiento de una web en Joomla! y de repente me he
encontrado con que en el Internet Explorer los textos no toman el atributo
color definido en el body (deberían ser grisáceos #66 y se muestran en
blanco), sin embargo sí que lo hacen en Firefox y Chrome, la web es:
bj-adaptaciones.com
Llevo un rato dándole vueltas pero no consigo resolver el problema,
¿alguien
sabe si es un problema directamente con el controlador o hay algún defecto
en el CSS? Antes se visualizaban correctamente, no sé desde cuándo no se
muestran los textos porque desafortunadamente yo suelo trabajar con Firefox
y sólo recurro al IE para validar un cambio.
Saludos y muchísimas gracias por adelantado!!
___
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
--
Neftalí Guerrero Pancorbo (Nesta)
Área de Proyectos
Emergya Consultoría
Tfno: +34 954 51 75 77
Fax: +34 954 51 64 73
www.emergya.es
___
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] centra img dentro de a de menos tamaño
Existe una propiedad clip (o existía) dentro del css qu ete permitía
recortar cosas tal como necesitas (aunque no estoy seguro que permita del
centro hacia afuera) no sé si está deprecada, igual t emando los enlaces
directo al w3c.
http://www.w3.org/wiki/CSS/Properties/clip
http://www.w3.org/TR/CSS2/visufx.html
http://www.google.com/search?q=site:w3.orgq=clipsearch-submit=
2011/7/14 Martin Etxauri t...@eragin.com
Hola a todos
Vengo a ver si alguien conoce una algo que creo que no existe :)
El tema es para unas miniaturas de una galería, tenemos un img dentro de un
a, digamos que el a tiene 100px de alto y de ancho y la imagen 100 de
alto y 200 de ancho de manera que la imagen queda recortada dentro del a.
La cuestión es centrar esa imagen dentro del a para que en el recorte se vea
el centro. El verdadero problema es que las imágenes no tendrán todas la
misma proporción y por ende serán de ancho variable, no tendrán todas 200px.
Yo tengo dos maneras, pero busco una tercera milagrosa :) (que no he
encontrado en internet, cla)
A) Meter el img dentro de un span de mayor tamaño:
a ... spanimg ... //span/a
a{
display:block:
width: 100px;
height: 100px;
overflow:hidden;
...
}
span{
display:block:
height:100px;
width:300px; /*en cualquier caso una medida mayor que cualquiera de
las fotos que entrarán*/
margin-left:-100px;/*o lo que haga falta para que el span quede
centrado en el a según el width del span*/
text-align:center;
}
en vez del margin-left también podemos usar un position:relative; y
left:-100px; que igual es mejor.
pero claro, aquí no me mola que ese span no pinta nada ahí.
B) Hacer lo mismo que hacemos con el span con la img y calcular el
margin-left en base a la anchura de la imagen mediante programación.
Pero claro, aquí le metes a hacer cálculos por cada miniatura y aparte del
trabajo extra de programación le va a costar mas cargar todo, además de que
tendrías que meter el margin-left inline... y bueno, que molaría poder
hacerlo solo con css.
¿alguien conoce alguna solución milagrosa?
gracias a todos.
saludos
Martin
___
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
--
--
Caracas - Venezuela
www.leonelsilva.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] Problemas atributo color e IE en CSS
Lo probé en IE8 (ya no pruebo en IE6) y veo la fuente gris, en que parte específica la ves blanca? 2011/7/14 Elena Ballesteros Molinero elena.balleste...@bj-adaptaciones.com Hola a todos, soy novata y voy aprendiendo poco a poco sobre CSS y HTML. Estoy llevando el mantenimiento de una web en Joomla! y de repente me he encontrado con que en el Internet Explorer los textos no toman el atributo color definido en el body (deberían ser grisáceos #66 y se muestran en blanco), sin embargo sí que lo hacen en Firefox y Chrome, la web es: bj-adaptaciones.com Llevo un rato dándole vueltas pero no consigo resolver el problema, ¿alguien sabe si es un problema directamente con el controlador o hay algún defecto en el CSS? Antes se visualizaban correctamente, no sé desde cuándo no se muestran los textos porque desafortunadamente yo suelo trabajar con Firefox y sólo recurro al IE para validar un cambio. Saludos y muchísimas gracias por adelantado!! ___ 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 -- -- Caracas - Venezuela www.leonelsilva.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] Problemas atributo color e IE en CSS
Muchísimas gracias Neftalí, al hilo de tu comentario he localizado que tenía la etiqueta del texto de un módulo abierta y esta era la que ponía el color blanco en el resto de la tabla. Que tengáis un buen día! ___ 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] Problemas atributo color e IE en CSS
Me alegro que resulte! xD, un saludo e igualmente!! Leonel era en el contenido, parece ser que ya está resuelto. Saludos! El 14 de julio de 2011 14:11, Elena Ballesteros Molinero elena.balleste...@bj-adaptaciones.com escribió: Muchísimas gracias Neftalí, al hilo de tu comentario he localizado que tenía la etiqueta del texto de un módulo abierta y esta era la que ponía el color blanco en el resto de la tabla. Que tengáis un buen día! ___ 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 -- Neftalí Guerrero Pancorbo (Nesta) Área de Proyectos Emergya Consultoría Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 www.emergya.es ___ 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] centra img dentro de a de menos tamaño
Hola Martin
2011/7/14 Martin Etxauri t...@eragin.com:
Hola a todos
Vengo a ver si alguien conoce una algo que creo que no existe :)
El tema es para unas miniaturas de una galería, tenemos un img dentro de un
a, digamos que el a tiene 100px de alto y de ancho y la imagen 100 de
alto y 200 de ancho de manera que la imagen queda recortada dentro del a.
La cuestión es centrar esa imagen dentro del a para que en el recorte se vea
el centro. El verdadero problema es que las imágenes no tendrán todas la
misma proporción y por ende serán de ancho variable, no tendrán todas 200px.
¿alguien conoce alguna solución milagrosa?
los estilos del 'a' tal y como tú los tienes.
img { margin: -50% }
gracias a todos.
saludos
Martin
Un saludo,
David
___
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] centra img dentro de a de menos tamaño
debes usar display:block en a. si no, no respecta a los dimensiones. te
dejo el codigo completo:
a href=# style=width: 100px;height: 100px;overflow:hidden;display:
block;
img src=http://ispartakule.biz/haberresim/test1.jpg; alt= style=margin:
-50% /
/a
El 14 de julio de 2011 15:28, David Merino jube...@gmail.com escribió:
Hola Martin
2011/7/14 Martin Etxauri t...@eragin.com:
Hola a todos
Vengo a ver si alguien conoce una algo que creo que no existe :)
El tema es para unas miniaturas de una galería, tenemos un img dentro de
un a, digamos que el a tiene 100px de alto y de ancho y la imagen 100 de
alto y 200 de ancho de manera que la imagen queda recortada dentro del a.
La cuestión es centrar esa imagen dentro del a para que en el recorte se vea
el centro. El verdadero problema es que las imágenes no tendrán todas la
misma proporción y por ende serán de ancho variable, no tendrán todas 200px.
¿alguien conoce alguna solución milagrosa?
los estilos del 'a' tal y como tú los tienes.
img { margin: -50% }
gracias a todos.
saludos
Martin
Un saludo,
David
___
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
--
Çağatay Gürtürk
itusozluk.com - Kovan Yazılım Reklam Org. Tic. Ltd. Şti.
Emektar Sk. No: 1 D: 6 Gümüşsuyu/İstanbul
+90 530 204 96 03
+90 212 245 85 65
___
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
