• 0
Sign in to follow this  
Dr.Uberveguad

Imgfiled Com Borda

Question

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;
}

Share this post


Link to post
Share on other sites

3 answers to this question

Recommended Posts

  • 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;

}

amigo, veja se num é isto ae!

abraços

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this