Hola, quiero poner un marco a imagenes pero que este no quede pegando con la imagen sino que deje un poco de separación, esto lo vi en algunas plantillas y queda mas profesional.
A las imágenes que deses ponerle ese efecto, pon en ella:
class="bonito"
EN el css, pon:
.bonito {border:1px solid black ; padding:3px}
El border le pone borde a las imagenes marcadas con el class bonito, y el padding, le pone margen interior entre el contenido y el borde.
Hola amigo
Yo soy muy nuevo en esto, pero he tenido tu misma inquietud y lo solucioné de esta manera:
puse la imagen en una capa que llamé "fotos" y le di como color de fondo, el color que queria para el marco.
Te dejo los codigos, para que tengas otra opción, además de la que propone Rabs.
<div class="foto"><img alt="" src="dirección de la imagen" height=" alto" width=" ancho" /></div>
En el CSS
.foto { float: left; margin: 10px; padding:10px; background-color:#f5f7f7; text-align:center; }
Con el : "background-color" le pones el color que queres al "marco" de la foto. (el #f5f7f7, es el yo use)
Con el : "padding" elegis su ancho.
Incluso, podes variar un poco el codigo para insertar un comentario debajo de la foto, pero dentro del marco.
<div class="foto"><img alt="" src="dirección de la imagen" height=" alto" width=" ancho" /><br /><p> comentario</p></div>
Espero que te sirva, asi siento que puedo devolver al foro, algo de a ayuda que me ha brindado.
Un abrazo
Gracias lo de meter las fotos dentro de un div ya lo sabia, pero exactamente lo que necesitaba es lo que me proporciono Rabs.
Es que el capitulo de paladines y muros me lo salte :P
En fin, gracias compañeros!!