Un cuadrado rodeando la imagen

mauricioadrian · #1 (**permalink**) 06/06/2008, 09:15

hola estuve mirando y me dio intriga saber como se hace para crear un efecto de cuadro alrededor de una imagen, quiero lograr algo comoe esto. por ej., lo unico que logre es hacer una tabla que lo rode y cree algo siminalar, lejos de ser parecido. haca les dejo lo que pude crear.

JavierB · #2 (**permalink**) 06/06/2008, 09:29

Hola mauricioadrian

Prueba con este código:

Código:

<style type="text/css">
img {border:1px solid black; padding:5px}
</style>

Saludos,

mauricioadrian · #3 (**permalink**) 06/06/2008, 09:43

javier ese estilo como lo aplico.? o se me aplica solo a todas las imagenes? gracias por tu repuesta

mauricioadrian · #4 (**permalink**) 06/06/2008, 09:53

gracias. ese era elefecto que queria lograr, lo unico malo es que se me aplica a todas las imagenes de la pagina, a todas. como puedo hacer para aplicarlo solo a algunas imagenes sin tener que ir una por una aplicandole el estilo. Se me aplica tmb en el menu de mi sitio y queda muy feo ahi. Gracias

franko1809 · #5 (**permalink**) 06/06/2008, 10:02

mauricioadrian · #6 (**permalink**) 06/06/2008, 10:22

Perfecto , muchas gracias che!. Hos Felicito y agradezco su ayuda.

mauricioadrian · #7 (**permalink**) 06/06/2008, 21:10

Solo habia probado el efecto con firefox y me andaba perfecto pero comprobe que con IE no me funciona. por que puede ser?

filzix · #8 (**permalink**) 07/06/2008, 02:53

aqui tienes varios ejemplos de lo que buscas en los dos posts.

http://www.webdesignerwall.com/tutorials/css-decorative-gallery/

JavierB · #9 (**permalink**) 07/06/2008, 03:35

Hola de nuevo.

El código debería funcionar también en IE ¿En qué versión lo estás probando?

Saludos,

mauricioadrian · #10 (**permalink**) 07/06/2008, 10:03

version 7 te paso el link de mi web y lo miras queres?

mauricioadrian · #11 (**permalink**) 07/06/2008, 10:19

filzix sos un aminal, gracias por los efectos que me pasaste voy a ver si los saco. ojala me salgan gracias a los dos!

mauricioadrian · #12 (**permalink**) 07/06/2008, 10:29

de nuevo con troplemas.jja los efectos que me pasaste filzix andan de pelicula.je. el unico problema es que yo en mis imagenes siempre conozco el ancho.pero no el alto y al aplicar este efecto no me sirve. creo. se puede hacer con estilo que una imagen de fondo se estire segun el alto de la foto?

mauricioadrian · #13 (**permalink**) 07/06/2008, 20:22

Podrian decirme si es mi explorador el que anda mal o esta mal algo puse un ejemplo con solo eso en esta direccion mirenlo por favor. es solo un segundo se encuentra la foto sola.

JavierB · #14 (**permalink**) 08/06/2008, 03:09

Hola mauricioadrian

Mira el código de estilo de tu página y compáralo con el que te pusimos en los primeros mensajes, verás que es bastante distinto.

Saludos,

mauricioadrian · #15 (**permalink**) 08/06/2008, 23:19

No javier, disculpa lo que pasa es que al codigo de prueba lo cambie , porque no sabia que probar, pero yo probe como ustedes me dijeron. ahora voy a corregir el prueba.php y lo voy a dejar cuando lo mires va a estas como me dijeron. Disculpa que lo cambie, estaba haciendo pruebas.

mauricioadrian · #16 (**permalink**) 10/06/2008, 10:31

Increible. Pero es mi programación, culpaba a el tipo de imagen culpaba al explorador, culpaba el padding, nose bien porque pero cuadno agregue la etiqueta
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
salio andando, como queria, me trajo un par de inconvenientes pero ya se solucionaron.
era por la etiqueta!