Estou tendo uma dor de cabeça daquelas! Estou colocando botões num formulário, mas usando um imageField, ou seja, pegando uma imagem que eu criei de um botão. Acontece que no FF fica OK, mas no IE, aparece uma borda superior e uma lateral, como se fosse a sombra de um botão mesmo. COMO TIRAR ISSO???
Pergunta
Dr.Uberveguad
Estou tendo uma dor de cabeça daquelas! Estou colocando botões num formulário, mas usando um imageField, ou seja, pegando uma imagem que eu criei de um botão. Acontece que no FF fica OK, mas no IE, aparece uma borda superior e uma lateral, como se fosse a sombra de um botão mesmo. COMO TIRAR ISSO???
abs
Internet Explorer
Código CSS
@font-face { font-family: Swiscnb; src: url(SWISCNB0.eot); } @font-face { font-family: Swisltc; src: url(SWISLTC0.eot); } @font-face { font-family: Swisblk; src: url(SWISBLK0.eot); } body { margin: 2px 0px 0px 0px; padding: 0px; text-align: center; background-image: url(images/bkbody.gif); background-repeat: repeat-x; } a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #A7A9AC; font-weight: bolder; text-decoration: none; } img { border:0; } input { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; text-decoration: none; border-top-style: solid; border-left-style: solid; font-size: 11px; } h1{ background:#FFFFFF; color:#FF0000; padding:3px; margin:0px; font-size:20px; font-family: Verdana, Arial, Helvetica, sans-serif; } hr{ width: 220px; border: 1px groove; } #bodyst { width: 780px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } #top{ height: 91px; width: 780px; text-align: left; } #top1{ height: 91px; width: 326px; text-align: left; float: left; } #top2{ height: 91px; width: 454px; text-align: left; float: left; background-image: url(images/bktop2a.gif); } #top21{ height: 9px; width: 444px; text-align: right; padding-top: 9px; padding-right: 10px; } #top22{ font-family: Swisltc; height: 72px; width: 404px; font-size: 30px; text-align: center; padding-top: 1px; padding-right: 50px; } #info{ width: 780px; height: 18px; background-color:#E5E5E6; background: url(images/bkinfo.gif); background-repeat: repeat-y; background-position: center; } #data { float:left; margin-left:10px; margin-top:2px; width:200px; font:10px arial; text-align:left; color:#333333; } #nome { float:left; margin-left:80px; margin-top:2px; width:200px; font:10px arial; color:#000000; } #logout { float:left; margin-left:230px; margin-top:2px; width:30px; } #menu{ width: 780px; height: 20px; background-color:#396281; background: url(images/bkmenu.gif); background-repeat: no-repeat; background-position: center; } #log{ height: 62px; width: 260px; margin-top:10px; text-align: left; } #logcont1{ height: 18px; width: 260px; text-align: center; font-size: 12px; font-family: Swisblk; color: #5c8db0; } #logcont2{ height: 18px; width: 260px; margin-top:10px; text-align: center; font-size: 12px; font-family: Swisblk; color: #5c8db0; } #conteudo { text-align: justify; float: left; width: 780px; color: #999999; background: url(images/bkconteudo.gif); background-color:#FFFFFF; background-repeat: repeat-y; } #subtitulo1 { margin-top:20px; margin-left:110px; background-image:url(images/fundo_subtit.gif); background-repeat:no-repeat; width:553px; height:30px; font:bold 10px verdana, arial; color:#254C68; padding:3px 0 0 5px; } #busca { margin-top:30px; margin-left:110px; background-image:url(images/fundo_busca.gif); background-position:top; background-repeat:no-repeat; width:553px; height:54px; text-align:center; color:#254C68; padding-top:10px; } #grid { background-image:url(images/fundo_grid.gif); background-repeat:no-repeat; margin-top:10px; margin-left:110px; width:541px; height:212px; text-align:center; color:#254C68; padding-top:10px; } #grid_in { margin:20px 5px 20px 5px; overflow-y:scroll; width:480px; height:160px; } #topico1 { width: 220px; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-style: normal; padding-right: 20px; padding-left: 20px; float: none; } #topico2 { width: 220px; margin-top:30px; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-style: normal; padding-right: 20px; padding-left: 20px; float: none; } #topico3 { width: 220px; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-style: normal; padding-right: 20px; padding-left: 20px; float: none; } #rodape{ font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 780px; height: 15px; text-align: left; color: #FFFFFF; background-image: url(images/rodape.gif); float: left; } .itemmenu { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #A7A9AC; font-weight: bold; line-height: 18px; text-decoration: none; } .itemmenu:link { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #A7A9AC; font-weight: bold; line-height: 18px; text-decoration: none; } .itemmenu:visited { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #A7A9AC; font-weight: bold; line-height: 18px; text-decoration: none; } .itemmenu:hover { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-weight: bold; line-height: 18px; text-decoration: none; } .itemmenu:active { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #A7A9AC; font-weight: bold; line-height: 18px; text-decoration: none; } .boxbusca { font-family: Swisltc; width: 250px; font-size: 12px; color: #333333; border: 1px solid #666666; font-weight: normal; background-color: #e8e8e8; letter-spacing: 1px; height: 15px; } .boxlogin { font-family: Swisltc; width: 90px; font-size: 12px; color: #333333; border: 1px solid #666666; font-weight: normal; background-color: #e8e8e8; letter-spacing: 1px; height: 12px; } .boxsenha { font-family: Arial; width: 60px; font-size: 12px; color: #666666; border: 1px solid #666666; font-weight: normal; background-color: #e8e8e8; letter-spacing: 1px; height: 12px; } .botaook { font-family: Swisblk; width: 19px; height: 14px; color: #5c8db0; text-decoration: none; background-color: #D1D2D2; font-size: 10px; border: none; background-image: url(images/botao.gif); } .tablegrid { border-bottom:1px solid #666666; }Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados