Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/09/2009, 15:59
Avatar de carlospc
carlospc
 
Fecha de Ingreso: noviembre-2008
Ubicación: Huancayo/Perú
Mensajes: 240
Antigüedad: 15 años, 5 meses
Puntos: 12
Ayuda con boton y diseño css windows live

Saludos a todos...

Entre diseño y diseño vi el caracteristico boton de Windows Live ese de iniciar sesion y me gusto el diseño y me anime a hacerlo... y ya van varias horas y aun no me sale...

Se me sucitaron problemas y no les encuentro solucion... uno de ellos es el problema de que alrededor del boton submit en IE aparece un borde de 1px color negro... el boton en si tiene un borde.. se lo puse de 1px y le di el color pero el borde sale adicional... borde que no sale en firefox...

Otro problema es que entre el borde y fondo del boton (que es una imagen) hay como un margen de respeto blanco... ni idea de como asignarle ese borde...

Les dejo una imagen de referencia para que me entiendan mejor... (la primera es el original, la segunda es hasta donde llegue y la tercera es la referencia... es ese boton de www-hotmail-com)

img3.imageshack.us/img3/1421/botonwl.gif

Y aqui les dejo el codigo hasta donde llegue...

Código HTML:
/*el codigo del boton*/
<input type="submit" name="enviar" value="Registrarse" class="higbuttonblue">

/*el css del boton*/
.higbuttonblue {
     padding: 0;
     margin: 0;
     border: 1px solid #4a95c9;
     background: url(bkbtn.gif) left center repeat-x #cfe8f5;
     width: 80px;
     height: 20px;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:10px;
}
Aya y esta es la imagen de fondo del boton... (ojo tiene 1 x 32... casi ni lo van ver)

img197.imageshack.us/img197/5608/bkbtn.gif

Haber que ayuda me pueden dar... ya me ensañe con obtener ese boton...

Gracias de antemano a quien me pueda ayudar...

Última edición por carlospc; 25/09/2009 a las 16:02 Razón: Mala redaccion...