Ir para conteúdo
Fórum Script Brasil
  • 0

Imgfiled Com Borda


Dr.Uberveguad

Pergunta

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

17is.gif

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

Visitante
Este tópico está impedido de receber novos posts.


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...