capa con borde

Vakman · #1 (**permalink**) 30/10/2004, 19:11

es posible que con DreamWeaver darle borde a una capa?.... por ejemplo tengo una capa de color de fondo blanco y quiero colocarle (si es que se puede) un borde de color negro...

Se puede hacer eso?

Gracias

iconogt · #2 (**permalink**) 30/10/2004, 20:35

Lo puedes hacer con estilos...
Ejemplo: En el tag <head>

Código:

<html>
<head>
<style type="text/css">
<!--
div#capa {
     left: 110px;
     top: 22px;
     width: 600px;
     height: 500px;
     background-color: #ffffff;
     border-style: solid;
     border-color: #000000;
     border-width: 2px;
-->
</style>

Y luego le das un id a tu capa,

Código:

</head>
<body>
<div id="capa" align="">aqu&iacute; cualquier contenido</div>
</body>
</html>

Vakman · #3 (**permalink**) 30/10/2004, 20:51

para cada capa tengo que colocar ese codigo? es que tengo varias capas

safe · #4 (**permalink**) 30/10/2004, 21:27

si tenes varias lo mejor seria hacerlo asi:

poenes esto entre las etiquetas <head> </head>

Cita:

y despues a cada capa le agregas:

Cita:

class="capa"

Ej:
<div class="capa">cualquier contenido</div>
<div class="capa">otro contenido</div>

iconogt · #5 (**permalink**) 30/10/2004, 22:22

Como te lo ha explicado safe, puedes aplicarle clases o id's a cada capa, y puedes crear distintas clases si quieres cada capa de forma distinta y en posición distinta, (Sólo no olvides aplicar el estilo o <id="">).

Código:

<!--primera capa-->
<div id="nombre #" align="">contenido</div>

<!--segunda capa con diferente estilo-->
<div class="nombre de la clase" align="">segundo contenido..</div>

De esa manera conseguirás lo que buscas.

Vakman · #6 (**permalink**) 31/10/2004, 08:42

lo probe y resulta solo en el Dreamweaver cuando lo quero ver con vista previa del explorador no me aparecen las capas con los bordes .... que puedo hacer?

iconogt · #7 (**permalink**) 31/10/2004, 14:51

Pues que raro que no te lo muestra en el navegador, porque a mí si me funciona bien...

Ahora, puede que el problema sea que no estas aplicando las clases como se debe. Veamos.....

Lo que tienes que hacer es lo siguiente:

Código:

<html>
<head>
<title>capas con css</title>
     <style type="text/css">
<!--
          .capa {
               background-color: #ffffff;
               border-style: solid;
               border-width: 2px;
               border-color: #000000;
     }-->
</style>
     </head>
          <body>
     <div class="capa" align="?">Aqu&iacute, el contenido de dicha capa</div>
</body>
     </html>

Como podrás notar en la capa ya no estoy agregandole el punto a la clase que estoy llamando, (lo que está en verde) Ahora bien... puedes crear cuantas clases o estilos quieras para darle diferentes formatos a cada capa de tu página, ejemplo:

Te quedaría algo así:

Código:

.capa2 {
               background-color: #c0c0c0;
               border-style: solid;
               border-width: 2px;
               border-color: red;
     }
.capa3 {
               background-color: #c9c9c9;
               border-style: solid;
               border-width: 2px;
               border-color: #eeeeee;
     }
.capa4 {
               background-color: #c3d4e5;
               border-style: solid;
               border-width: 2px;
               border-color: #000099;
     }

Luego a cada capa que vayas creado le aplicas la clase que quieras de la siguente manera.

Ejemplo:

Código:

<div class="capa2" align="?">aqui el contenido</div>

<div class="capa3" align="?">aqui contenido</div>

<div class="capa4" align="?">contenido</div>

Si te fijas ya no es necesario ponerle el punto (.) al div cuando aplicas la clase, basta con que le indiques qué estilo quieres que adopte la capa...

Espero te haya servido de algo la explicación,
Slds...