problema: es una linea trasparente que se me genra al entre divs que contienes divs, div1=* div2=- asi por ejemplo:
*-----*
*-----*
entre capas colocadas de esta manerase me generan espacios "trasparentes que no quiero que se vean, visualmente:
[contenido no disponible]
Si la notan?, esa linea me daña el diseño de los botones en la parte del menu -.-aqui esta el codigo de los divs:
HTML:
<div class="lineapestana1">
<div class="costado"></div>
<div class="pestana1">uno</div>
<div class="pestana1">dos</div>
<div class="pestana1">tres</div>
<div class="pestana1">cuatro</div>
<div class="pestana1">cinco</div>
<div class="costado"></div>
</div>
<div class="lineapestana1">
<div class="costado"></div>
<div class="pestana2">Nuestra Web</div>
<div class="pestana2">siete</div>
<div class="pestana2">ocho</div>
<div class="pestana2">nueve</div>
<div class="pestana2">dies</div>
<div class="costado"></div>
</div>
y aca l codigo CSS
.lineapestana1 {background-color:#0091FF ; height:20px;border-left: blue 1px solid ; border-right: blue 1px solid; border-top:none ;background-position:top}
.lineapestana1 a {}
.lineapestana1 a:link {}
.lineapestana1 a:visited {}
.lineapestana1 a:hover {text-decoration:none; background-color: transparent; padding: 0px}
.lineapestana1 a:active {}
.costado {background-color:#0091FF; width: 49px;float: left}
.pestana1 {background-color:#0091FF; width: 140px; background-image: url(../Imagenes/MenuButton1.png); background-repeat: no-repeat; float: left; color: blue}
.pestana2 {background-color:#0091FF; width: 140px; background-image: url(../Imagenes/MenuButton2.png); background-repeat: no-repeat; float: left}
les agradesco de antemano la ayuda por favor y gracias
*-----*
*-----*
entre capas colocadas de esta manerase me generan espacios "trasparentes que no quiero que se vean, visualmente:
[contenido no disponible]
Si la notan?, esa linea me daña el diseño de los botones en la parte del menu -.-aqui esta el codigo de los divs:
HTML:
<div class="lineapestana1">
<div class="costado"></div>
<div class="pestana1">uno</div>
<div class="pestana1">dos</div>
<div class="pestana1">tres</div>
<div class="pestana1">cuatro</div>
<div class="pestana1">cinco</div>
<div class="costado"></div>
</div>
<div class="lineapestana1">
<div class="costado"></div>
<div class="pestana2">Nuestra Web</div>
<div class="pestana2">siete</div>
<div class="pestana2">ocho</div>
<div class="pestana2">nueve</div>
<div class="pestana2">dies</div>
<div class="costado"></div>
</div>
y aca l codigo CSS
.lineapestana1 {background-color:#0091FF ; height:20px;border-left: blue 1px solid ; border-right: blue 1px solid; border-top:none ;background-position:top}
.lineapestana1 a {}
.lineapestana1 a:link {}
.lineapestana1 a:visited {}
.lineapestana1 a:hover {text-decoration:none; background-color: transparent; padding: 0px}
.lineapestana1 a:active {}
.costado {background-color:#0091FF; width: 49px;float: left}
.pestana1 {background-color:#0091FF; width: 140px; background-image: url(../Imagenes/MenuButton1.png); background-repeat: no-repeat; float: left; color: blue}
.pestana2 {background-color:#0091FF; width: 140px; background-image: url(../Imagenes/MenuButton2.png); background-repeat: no-repeat; float: left}
les agradesco de antemano la ayuda por favor y gracias