Hola a todos todas:
No hace falta que os esforceis
. Lo acabo de solucionar por mis medios
.
Como cosa interesante (para mi) no utiliza imagenes para dar forma a la esquina de la pestaña.
Dejo el código por si le sirve a alguien:
HTML:
Código HTML:
<div id="Pestanas">
<ul>
<li ><a href="#" rel="1" class="button">Perfil</a></li>
<li ><a href="#" rel="2" class="button">Referencias</a></li>
<li ><a href="#" rel="3" class="button">Documentos</a></li>
</ul>
</div>
<div id="Pestanasline"> </div>
CSS:
Código:
#Pestanas{margin-left: 4px;padding: 0px;width: 100%;padding-left: 5px;z-index:5}
#Pestanas ul{font: bold 11px Arial, Verdana, sans-serif;margin:0;padding:5px;list-style:none;border-radius:4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius:4px 4px 0px 0px;}
#Pestanas li{display:inline;line-height: 1.5em;margin:0 2px 0 0;padding:5px; border-radius:4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius:4px 4px 0px 0px;}
#Pestanas a{float:left;color: white;background-color: FireBrick;border:1px Solid #8b0000;margin:0 2px 0 0;padding:5px;text-decoration:none;letter-spacing: 1px;border-radius:4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius:4px 4px 0px 0px;}
#Pestanas a:hover{background-color: #d50509;border:1px Solid #8b0000;}
#Pestanas a:focus {z-index:1;background:#e9e9e9;border:1px Solid #8b0000;text-decoration: none; color:FireBrick; border-bottom:1px Solid#e9e9e9;}
#Pestanas a:active{background:#e9e9e9;border:1px Solid #8b0000; }
#Pestanasline{margin-top:6px;padding: 0;width: 100%;height: 1px;line-height: 1px;background: #8b0000;}
Doy el tema por cerrado
Gracias por la ayuda recibida
