Java - Imagen en CSS

 
Vista:

Imagen en CSS

Publicado por mercedes (125 intervenciones) el 05/06/2007 10:05:58
Quisiera saber si es posible lo siguiente: tengo un fondo (background: url(..)) y luego una lista en la que las viñetas son imágenes y quisiera que sólo se vean las imágenes, no el recorte de alrededor, no sé si me explico. Quiero que el fondo llegue hasta el contorno de la imagen, es decir, que no se vea la imagen metida en un recuadro blanco.

No sé si me habrán entendido, es que no sé muy bien cómo explicarlo.

Un saludo.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Imagen en CSS

Publicado por Gonzalo (180 intervenciones) el 05/06/2007 16:24:04
A lo mejor puedes hacer un dibujo de cómo quieres que quede y subirlo a algún sitio para que lo veamos. O capturar la pantalla como está ahora, marcar lo que quieres cambiar y subirlo para que lo veamos.

Si quieres subir una imagen, prueba en imageshack o en tinypic o en jotapeges o algún sitio así.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Imagen en CSS

Publicado por mercedes (125 intervenciones) el 05/06/2007 17:00:38
Muy bien, Gonzalo siempre con sus buenas ideas xD

Aquí está la imagen:

http://img519.imageshack.us/my.php?image=dibujoun0.png

Las flechas rojas indican lo que antes trataba de explicar.

Un saludo
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Imagen en CSS

Publicado por Gonzalo (180 intervenciones) el 05/06/2007 17:30:04
Aaha, vale.

Y esas imágenes de qué tipo son? Gif? Png? Jpg?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Imagen en CSS

Publicado por mercedes (125 intervenciones) el 05/06/2007 21:11:05
Las imágenes son de tipo jpg.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Imagen en CSS

Publicado por Gonzalo (180 intervenciones) el 05/06/2007 22:02:12
Pues es que las imágenes jpg no soportan transparencia. Es decir, ese blanco que ves, es de la propia imagen, no es nada del HTML. Si abres la imagen en un editor de imágenes, verás que tiene ese fondo blanco.

Puedes:
1. pasar tus imágenes a un formato que permita transparencia (gif o png), ponerles el fondo transparente y ya está.
2. dejarlas como jpg pero ponerles el fondo del mismo color que el fondo de HTML donde las vayas a insertar (azul).
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Imagen en CSS

Publicado por mercedes (125 intervenciones) el 06/06/2007 08:56:52
¿Y cómo se pone el fondo transparente? Porque el atributo transparent no se ve la imagen.

Un saludo
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Imagen en CSS

Publicado por Gonzalo (180 intervenciones) el 06/06/2007 09:23:26
No, no. Como te decía no es algo de HTML ni de CSS. Es de la propia imagen. Tienes que editarla con algún editor de imágenes (tipo Photoshop, PaintShopPro, The Gimp...)

Algunos gratuitos:
- The Gimp: http://gimp-win.sourceforge.net/
- Pixia: http://park18.wakwak.com/~pixia/download.htm (y una explicación de transparencia con Pixia: http://home.1asphost.com/pixianos/tutor-p_3.htm )
- SerifSoftware regalan versiones "antiguas" de sus programas: http://www.freeserifsoftware.com/ (por ejemplo de PhotoPlus regalan la versión 6 y la más nueva es la 8)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Imagen en CSS

Publicado por mercedes (125 intervenciones) el 06/06/2007 12:32:54
Ya está. Muchas gracias.

Un saludo
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar