bordes en imagenes

w0w · #1 (**permalink**) 18/12/2006, 05:53

hola a tod@s
Estoy haciendo una web con oscommerce y me gustaria añadir bordes alrededor de la imagen. ¿Sabeis algun codigo para que lo haga automaticamente, sin tener que ir una por una?

un saludo y gracias....

sergejzr · #2 (**permalink**) 18/12/2006, 08:46

Hola w0w!
Creo que no necesites PHP para hacer esto. Usa CSS y class. Te doy dos possibilidades, como usar CSS. Espero que te ayuden... :)

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
/*Los images, que estan declarando con el class "borderimage" tienen border*/
.borderimage{
  border-width:1px;
  border-style:solid;
  border-color:blue;
  padding:10px;
  text-align:justify; }
  
  /*Todos los images, que se estan contendo en el div del class "todos-los-images-con-un-border" tienen border*/
  .todos-los-images-con-un-border img
  {
  border-width:1px;
    border-style:solid;
    border-color:blue;
    padding:10px;
  text-align:justify;
  }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Border test</title>

</head>
<body>
Los images siguentes estan declarando con el class "borderimage"<br/>
<img src="de.selfhtml.org/src/saf1.gif" class="borderimage" />
<img src="de.selfhtml.org/src/konq31.gif" class="borderimage" />
<img src="de.selfhtml.org/src/ffox1.gif" class="borderimage" />
<img src="de.selfhtml.org/src/op512.gif" class="borderimage" />
<img src="de.selfhtml.org/src/msie3.gif" class="borderimage" /><br>

Y los images aki tienen un border, porque estan en el div del class "todos-los-images-con-un-border"<br/>
<div class="todos-los-images-con-un-border">
<img src="de.selfhtml.org/src/saf1.gif"  />
<img src="de.selfhtml.org/src/konq31.gif"  />
<img src="de.selfhtml.org/src/ffox1.gif"  />
<img src="de.selfhtml.org/src/op512.gif"  />
<img src="de.selfhtml.org/src/msie3.gif"  />
</div>
</body>
</html>

Saludos!
Sergio.

sergejzr · #3 (**permalink**) 18/12/2006, 08:52

Aquí he hecho un live-demo:
http://sergejzr.jino-net.ru/tests/border.html

B** · #4 (**permalink**) 18/12/2006, 09:26

Aunque es tema de CSS

Código PHP:

  img{
border-width:1px;
border-style:dashed;
border-color:blue;
}

Con ese codigo... cualquier etiqueta que empiece con "img"... q logicamente son las imagenes, les agregara un borde con pequeñas lineas de color azul....(igual le cambias el style del borde)

w0w · #5 (**permalink**) 19/12/2006, 06:49

muchas gracias a todos por la ayuda, me pondre ahora mismo con ello.

un saludo