una pregunta secilla... como poner un color al borde de una imagen

asitudela · #1 (**permalink**) 20/07/2004, 19:00

buenass...

haber si alguien me responde a mi pregunta:

¿como poner color al borde de una imagen?

Yo utilizo dreamweaver y directamente no te lo permite (o eso creo), debes ponerlo dentro de una celda, pero no es lo que quiero.

sjam7 · #2 (**permalink**) 20/07/2004, 22:46

en la tag de la imagen ponle border=1

Chriss · #3 (**permalink**) 21/07/2004, 05:50

Hola, lo puedes hacer con estilos.

Código CSS:

Código PHP:

  .bordes { border: 1px #fff;}

Código HTML:

Código PHP:

  <img src="../img/02.gif" width="57" height="57" class="bordes">

asitudela · #4 (**permalink**) 21/07/2004, 06:27

Gracias por contestar!!

Se me olvidab que la imagen también era un link. He puesto esto pero no me funciona:

Código PHP:

   
a.bordes_imagenes:link,a.bordes_imagenes:active{border: 1px #FFFF00; } 
a.bordes_imagenes:visited,a.bordes_imagenes:hover{border: 1px #0000FF;}

y la class la he puesto en el hipervínculo y en la imagen

Chriss · #5 (**permalink**) 21/07/2004, 08:13

Si quieres que cambien los bordes de tu imagen según el estado en el que este el vinculo, debes de hacer esos cambios a los estilos de los vínculos, y si no quieres nada de eso con lo que tienes ya vale.

asitudela · #6 (**permalink**) 06/08/2004, 07:04

Gracias por contestar pero a mí me funciona. Alguien me puede poner un ejemplo práctico similar a este que es el mío pero que no me funciona??

Código PHP:

  <html> 
 
<head> 
    <style> 
        a.bordes_imagenes:link,a.bordes_imagenes:active{border: 1px #CCCCCC; }  
        a.bordes_imagenes:visited,a.bordes_imagenes:hover{border: 1px #CCCCCC;} 
    </style> 
</head> 
 
<body> 
<a href="j" class="bordes_imagenes"><img src="1.gif" alt="mm,l" width="50" height="50"></a> 
</body> 
 
</html>

RootK · #7 (**permalink**) 06/08/2004, 12:13

No necesitas aplicarle estilos a tus links.. solo a tu imagen.... prueba con ésto:

Cita:

<html>

<head>
<style>
.bordes { border-color: blue;}
</style>
</head>

<body>
<a href="j">
<img src="1.gif" alt="mm,l" width="50" height="50" class="bordes"></a>
</body>

</html>

Salu2 y espero te sirva..

ancortez · #8 (**permalink**) 05/03/2009, 12:34

Gracias por sus códigos, ahora ya pude hacer presentables mis imagenes.