Foros del Web » Creando para Internet » CSS »

centrar botones en ie6

Estas en el tema de centrar botones en ie6 en el foro de CSS en Foros del Web. Hola necesito saber como centrar botones con imagenes en ie6 ya que en ie7 y FF se ven bien pero en el 6 se ve ...
  #1 (permalink)  
Antiguo 11/12/2008, 05:54
Avatar de magam  
Fecha de Ingreso: julio-2006
Ubicación: Florencio Varela, Buenos Aires, Argentina
Mensajes: 97
Antigüedad: 11 años, 5 meses
Puntos: 1
centrar botones en ie6

Hola necesito saber como centrar botones con imagenes en ie6 ya que en ie7 y FF se ven bien pero en el 6 se ve todo corrido, alguien sabe como solucoinarlo???
muchas gracias.
  #2 (permalink)  
Antiguo 11/12/2008, 07:24
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: centrar botones en ie6

pero como se ve ahora, coloca tu código o cuelga algo en la red para ver que es lo que le pasa
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 11/12/2008, 10:24
Avatar de magam  
Fecha de Ingreso: julio-2006
Ubicación: Florencio Varela, Buenos Aires, Argentina
Mensajes: 97
Antigüedad: 11 años, 5 meses
Puntos: 1
Respuesta: centrar botones en ie6

Cita:
Iniciado por willyfc Ver Mensaje
pero como se ve ahora, coloca tu código o cuelga algo en la red para ver que es lo que le pasa

todo el css
Código PHP:
a.botones{
    
backgroundtransparent url('../images/botones/botonIzOn.gif'no-repeat top left;
    
displayblock;
    
floatleft;
    
fontnormal 13px Arial/* Change 13px as desired */
    
line-height13px/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    
height21px/* Height of button background height */
    
padding-left7px/* Width of left menu image */
    
text-decorationnone;
    
color#0C2E72;



     
    
text-alignright;


}


a:link.botonesa:visited.botonesa:active.botones{
    
color#0C2E72; /*button text color*/
}

a.botones span{
    
backgroundtransparent url('../images/botones/botonDerOn.gif'no-repeat top right;
    
displayblock;
    
padding4px 7px 4px 0/*Set 7px below to match value of 'padding-left' value above*/
}



a.botones:hover/* Hover state CSS */
    
backgroundtransparent url('../images/botones/botonIzOff.gif'no-repeat top left;
    
background-positionbottom left;
    
text-decorationnone;
}

a.botones:hover span/* Hover state CSS */
    
backgroundtransparent url('../images/botones/botonDerOff.gif'no-repeat top right;
    
background-positionbottom right;
    
color#0C2E72;
    
text-decorationnone;

}

.
botoneswrapper/* Container you can use to surround a CSS button to clear float */
    //overflow: hidden;
    
width100%;
    
height28px;
    
    
padding-top:10px;
    
text-align:center;


}


button.botones {

        
background:transparent url('../images/botones/botonIzOn.gif'left /*bottom*/ no-repeat;
            
border:medium none;
          
floatleft;
        
fontnormal 13px Arial/* Change 13px as desired */
        
line-height13px/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
        
height23px/* Height of button background height */
        
padding-left4px/* Width of left menu image */
        
text-decorationnone;
        
color#0C2E72;
        


}


button.botones span {

    
background:transparent url('../images/botones/botonDerOn.gif'right top no-repeat;
    
displayblock;
    
padding4px 7px 4px 0;
}



button.botones:hover  {
    
backgroundtransparent url('../images/botones/botonIzOff.gif'no-repeat top left;
    
background-position/*bottom*/ left;
    
text-decorationnone;
}

button.botones:hover span {
    
backgroundtransparent url('../images/botones/botonDerOff.gif'no-repeat top right;
    
background-positiontop right;
    
color#0C2E72;
    
text-decorationnone;
}

#subButton {
    
overflowhidden;
    
width100%;
    
height28px;
    
padding-left45%;
}
#subButton span {
    
float:left;
    
width:.1em;
    
background-image:url('../images/botones/botonIzOn.gif');
    
background-repeat:no-repeat;
    
background-position:top left;
    
padding-left:7px;
    
text-decoration:none;

}
#subButton>input {width:auto;}
#subButton span input {
    
float:left;
    
background-color:#FFFFFF;
    
background-image:url('../images/botones/botonDerOn.gif');
    
background-repeat:no-repeat;
    
background-position:top right;
    
color#0C2E72;
    
display:block;
    
margin:0;
    
font-family:Arial;
    
font-size:13px;
    
padding-top:2px;
    
padding-bottom:7px;
    
padding-right:10px;
    
padding-left:2px;
    
font-weight:normal;
    
border-left0px;
    
border-bottom0px;
    
border-right0px;
    
border-top0px;
    }


la parte del jsp

Código PHP:
            <div class="botoneswrapper" >
            
                <
class="botones" href="#"  style="margin-left:23%" id="alta" value="${alta}" onclick="window.location = '${ctx}/inversiones/altaPlazoFijo.htm'"><span><fmt:message key="inversiones.consultaPlazoFijo.boton.altaPlazoFijo"/></span></a>
                <
class="botones" href="#" style="margin-left:2%;" id="consulta" value="${consultaTasa}" onclick="window.location = '${ctx}/inversiones/consultaCuadroTasasPF.htm'"><span><fmt:message key="inversiones.consultaPlazoFijo.boton.consultaTasa"/></span></a>
            
        </
div
En FF y el IE7 se ven bien pero en ie6 se ve mas corrido a la derecha.
muchas gracias a quien pueda ayudarme.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:28.