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