Bordes redondeados en menu

martines · #1 (**permalink**) 30/07/2010, 07:25

He probado de todo, y nose que hacer mas.

No me funciona nada.

Ayuda porfavor, aqui dejo el codigo que tengo del menu.

Código PHP:

  /*{margin:0;padding:0;}
#imMnMn {padding:0px 0 0 0;width:100%;}
#imMnMn ul{list-style:none;}
#imMnMn ul li{float:left;width:12.5%;padding-left:0%;}
#imMnMn ul .primero{padding:0;}
#imMnMn ul a {display:block;text-decoration:none;text-align:center;padding:10px 0 10px 0;width: auto;width: 100% !important;display: inline-block;height: 40px;font:bold 15px Verdana;background-color:#FF8000;color:#FFFFFF;overflow:hidden;border: 3px solid #0D69D0;}

PrendekZ · #2 (**permalink**) 30/07/2010, 09:44

li agregale:

Cita:

-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;

-moz- será para mozilla
-webkit- Chorme y safarí
normal será para IE9.

Saludos, para IE8 o anteriores no funcionara.

alexk · #3 (**permalink**) 30/07/2010, 10:13

usa imagenes no muerden...

martines · #4 (**permalink**) 03/08/2010, 07:14

Gracias, ya me funciona, pero aora me falta para para internet explorer 6 y 7.

Aqui tengo todo creo bien puesto tambien para internet explorer, pero me falta que tengo que poner en el html en que parte para que funcione.

Gracias

Código PHP:

  *{margin:0;padding:0;}

#imMnMn {padding:0px 0 0 0%;width:100%;}

#imMnMn ul{list-style:none;}

#imMnMn ul li{float:left;width: 25%;}

#imMnMn ul .primero{padding:0;}

#imMnMn ul a {display:block;text-decoration:none;text-align:center;padding:10px 0 10px 0;font:bold 15px Verdana;background-color:#FF8000;color:#FFFFFF;overflow:hidden;border: 3px solid #147cdc;

-moz-border-radius:10px;

-webkit-border-radius:10px;

-ms-border-radius: 10px;

border-radius:10px;

-khtml-border-radius:10px;

behavior:url(border-radius.htc); }

W2Lans · #5 (**permalink**) 05/08/2010, 06:33

Ahora no recuerdo bien bien la URL, pero si pones "radius border generator" en google, te aparecerán herramientas online que te maquetan los divs con los bordes redondeados.