ASI ES.
mas de 3 horas batallando en algo extramente simple y estupido, que NO TENGO LA MENOR IDEA DE POR QUE NO PUEDO HACERLO. Se trata de un simple texto con dos backgrounds.
NO SE SI NO PUDO HACERLO POR QUE ESTOY CANSADO O POR QUE ES NOCHE, NO PUEDO EXPLICARLO, PERO NO ME HA SALIDO HSTA AHORA.
la idea es...
...hacer un boton, que se redimensione segun sus caracteres, si se fijan en la imagen dice "enlaceMenu"..eso seria el texto del boton.
Su 1er background seria lo negro
su 2do background seria lo naranja
el CSS:
Código:
body {
margin:0;
padding:0;
margin:0 auto;
text-align:center;
}
.enlaceMenu{
margin:0px;
padding:0px;
border: 4px solid #fff;
background-color:#000;
height:20em;
}
.enlaceMenu .texto{
color:#444;
font: 18px tahoma, arial;
margin:10px;
padding:10px;
height:20em;
}
.enlaceMenu .linea{
display:block;
margin:0; padding:0;
width:100px;
background-color:#F48511;
height:10px;
border-color:#000;
border:0px none red;
}
donde .texto=texto, .linea=linea naranja
el problema:
1.-no se por que @#$%^ no puedo evitar que lo naranja herede el "borde"
2.- no se como hacer que lo naranja este al 100% del ancho de background negro (intente con 100%, pero eso me dio el acho de pantalla)
No se alguien pueda ayudarme aqui, creo que es sencillo, sino no preguntaria, saludos.
PD:si yo leyera este mensaje pensaria que quien lo escribio es un idiota, pero despues de crebarme la cabeza, con algo tan simple, mejor pregunto, no seta de mas, gracias.