capas iguales en la misma pagina

[rcervera67]

Hola foro

Alguien podria darme una idea de como puedo manejar la misma definicion de la capa en diferentes puntos de mi pagina, ya que actualmente tengo que reperirlas con diferentes nombres

por ejemplo
<style type="text/css">
#box1Line { margin:5px 0px 0px 0px; background:#ffffff; width:auto; }
#box1Line div { text-align:left; }
#box1Line_arriba{ margin-top:0px; background:url(../Imagenes/boxLine_arriba.png) 0 0 repeat-x; }
#box1Line_00 { background:url(../Imagenes/boxLine_00.png) 0 0 no-repeat; }
#box1Line_01 { height:10px; background:url(../Imagenes/boxLine_01.png) 100% 0 no-repeat; }
#box1Line_medio { border-left:1px solid #ccc; border-right:1px solid #ccc; width:auto; padding:1px 8px; }
#box1Line_abajo { margin-top:0px; background:url(../Imagenes/boxLine_abajo.png) 0 100% repeat-x; }
#box1Line_10 { background:url(../Imagenes/boxLine_10.png) 0 100% no-repeat; }
#box1Line_11 { height:10px; background:url(../Imagenes/boxLine_11.png) 100% 100% no-repeat; }

#box2Line { margin:5px 0px 0px 0px; background:#ffffff; width:auto; }
#box2Line div { text-align:left; }
#box2Line_arriba{ margin-top:0px; background:url(../Imagenes/boxLine_arriba.png) 0 0 repeat-x; }
#box2Line_00 { background:url(../Imagenes/boxLine_00.png) 0 0 no-repeat; }
#box2Line_01 { height:10px; background:url(../Imagenes/boxLine_01.png) 100% 0 no-repeat; }
#box2Line_medio { border-left:1px solid #ccc; border-right:1px solid #ccc; width:auto; padding:1px 8px; }
#box2Line_abajo { margin-top:0px; background:url(../Imagenes/boxLine_abajo.png) 0 100% repeat-x; }
#box2Line_10 { background:url(../Imagenes/boxLine_10.png) 0 100% no-repeat; }
#box2Line_11 { height:10px; background:url(../Imagenes/boxLine_11.png) 100% 100% no-repeat; }

#box3Line { margin:5px 0px 0px 0px; background:#ffffff; width:auto; }
#box3Line div { text-align:left; }
#box3Line_arriba{ margin-top:0px; background:url(../Imagenes/boxLine_arriba.png) 0 0 repeat-x; }
#box3Line_00 { background:url(../Imagenes/boxLine_00.png) 0 0 no-repeat; }
#box3Line_01 { height:10px; background:url(../Imagenes/boxLine_01.png) 100% 0 no-repeat; }
#box3Line_medio { border-left:1px solid #ccc; border-right:1px solid #ccc; width:auto; padding:1px 8px; }
#box3Line_abajo { margin-top:0px; background:url(../Imagenes/boxLine_abajo.png) 0 100% repeat-x; }
#box3Line_10 { background:url(../Imagenes/boxLine_10.png) 0 100% no-repeat; }
#box3Line_11 { height:10px; background:url(../Imagenes/boxLine_11.png) 100% 100% no-repeat; }

</style>


quisiera hacer una sola definicion e invocarla varias veces, sin embargo a la hora de hacer la refernecia en el <div>

<div id="box2Line_arriba"><div id="box2Line_00"><div id="box2Line_01"></div></div></div>

no me permite reperir el ID


Gracias por su ayuda

[DaChux]

si vas a necesitar varias instancias diferentes de una misma definicion, deberias usar las clases. ya que tener varias capas o elementos con la misma clase es correcto...

[Mikmoro]

Es decir:

<div class="boxLine">

y en la css

.boxLine { ...etcétera

ya que por la pregunta parece que estás empezando, ¿no?

Mikel.