Comentarios en: Botones redondos y livianos

Por: marco

marco — Sat, 15 May 2010 23:11:05 +0000

ESto no sirve, por que no hacerlo con una sola imagen ya que el borde de la derecha es innecesario, la idea de esto es que pueda crecer junto al tamaño del link.

Por: Jorge

Jorge — Mon, 03 Aug 2009 22:18:10 +0000

Aclaracion: sonde dice “la etiqueta” deberia decir “la etiqueta span” lo que pasa es que la puse entre los signos y no sabia que los comentarios aceptaban html y lo interpreto como una etiqueta de código no imprimible.

Por: Jorge

Jorge — Mon, 03 Aug 2009 22:15:11 +0000

Hola, estoy tratando de aplicar esto a un menú solo que en lugar de botones son pestañas (tabs) al fin de cuentas es lo mismo, pero tengo 3 problemas, espero alguien pueda arrojarme algo de luz al respecto:
1 La etiqueta no me respeta la propiedad “height”.
2 La etiqueta no cambia de imagen de fonto con el la propiedad “hover”.
3 (esto solo en IE) como saben ie tiene problemas con la propiedad witdh:auto; que la pone del 100% de la pagina en lugar de adaptarse automaticamente al ancho de su contenido ¿alguien sabe algun hack para resolver esto en IE?

Mi código css es el aiguiente:

/*Tabs menu*/
#menu{width:960px;float: left; height:42px;margin:0;padding-left:34px;background:url(‘../img/mbg.png’);border-top:1px solid #96824f;border-left:1px solid #96824f;}
#navTab{
position:relative;
height:28px;
float:left;
margin-top:14px;
margin-left:-10px;
list-style-type:none;
font-size:12px;
}
#navTab a{
display: block;
padding:0px 0 0px 15px;
height:27px;
margin:0;
background: url(../img/tab_left.gif) no-repeat left top;
color:#96824f;
}
#navtab a:visited{color:#96824f}
#navTab span{
height: 27px;
padding:1px 15px 9px 0;
background: url(../img/tab_right.gif) no-repeat right top;
}
#navTab a:hover{
background: url(../img/tab_hover_left.gif) no-repeat left top;
text-decoration:none;
}
#navtab a:hover span{
background: url(../img/tab_hover_right.gif) no-repeat right top;
}
#navTab.current a{
background: url(../img/tab_current_left.gif) no-repeat left top;
}
#navTab.current span{
background: url(../img/tab_current_right.gif) no-repeat right top;
}
/*Fin Tabs menu*/

Por: ciber

ciber — Wed, 25 Jun 2008 04:04:17 +0000

Roberto
12.13.07 / 11am

mhhhh… esta bonito, pero:
haga Ctrl scroll hacia abajo en Firefox (agrandar el texto) … y el bonito botón… se vuelve inoperante.. he buscado maneras de solucionar esto, pero no veo la luz.

R: con ems???

—–

¿Oye, y como haces que el IE 6 pesque el hover del span?

Por: Botones varios con CSS « ddsign

Botones varios con CSS « ddsign — Sun, 03 Feb 2008 15:47:17 +0000

[...] En CSSlab cómo armar un botón escalable de tipo enlace, a [...]

Por: Sebastian

Sebastian — Wed, 09 Jan 2008 20:56:45 +0000

Muy buen tutorial. Aunque con los span no me llevo mucho.
Y que pasaría con una lista?. Para hacer un menu horizontal por ejemplo?.
Saludos

Por: Roberto

Roberto — Thu, 13 Dec 2007 14:20:48 +0000

mhhhh… esta bonito, pero:
haga Ctrl scroll hacia abajo en Firefox (agrandar el texto) … y el bonito botón… se vuelve inoperante.. he buscado maneras de solucionar esto, pero no veo la luz.

Por: ddsign

ddsign — Wed, 12 Dec 2007 22:06:08 +0000

¿Habría algo parecido a este estilo pero para utilizar con ?

Ha estado genial el truco y la explicación;

Por: fearlex

fearlex — Mon, 26 Nov 2007 16:06:09 +0000

Buenisimo !!, cabe destacar que este metodo es comunmente llamado en Ingles: Sliding Doors Menues

Por: Sergio

Sergio — Mon, 26 Nov 2007 13:56:21 +0000

¡Mola!

PD: Por cierto, “decisiones” no desiciones