Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
O CssClass do <asp:ImageButton tem um padding-top, só que esse padding-top executa toda a div. Pq nao está executando apenas no <asp:ImageButton ?
#Busca
{
padding-top: 143px;
padding-left: 80px;
}
#Busca .txtBusca
{
background-color: #FFF;
border-left: 1px solid #e4e4e4;
border-top: 1px solid #e4e4e4;
border-right: 0px;
border-bottom: 1px solid #e4e4e4;
letter-spacing: 1px;
font-size: 11px;
color: #333;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 5px;
height: 15px;
vertical-align: middle;
width: 250px;
}
#Busca #divPesquisa .classPesquisar
{
margin-left: -4px;
}
.ddlBusca font-size: 12px;
font-family: Verdana;
height: 20px;
vertical-align: middle;
}
<div id="Busca">
<asp:Label ID="lblBusca" Text="Buscar no Site: " runat="server"></asp:Label>
<asp:DropDownList ID="ddlBusca" CssClass="ddlBusca" runat="server"></asp:DropDownList>
<asp:TextBox CssClass="txtBusca" ID="txtBusca" runat="server"></asp:TextBox>
<asp:ImageButton CssClass="classPesquisar" ID="btnPesquisar" ImageUrl="img/lupa.gif" runat="server" />
</div>Fyoda, pelo o que eu percebi a class que aplica no image:button é a: .classPesquisar.
Porém no CSS que você postou, para essa class só há um margin:
#Busca #divPesquisa .classPesquisar
{
margin-left: -4px;
}
essa é fyoda mesmo http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif
tira o padding do css e coloca ele inline para ver se acontece a mesma coisa..
Pelo código postado não peguei nada mas acredito que esse padding-top pode estar sendo usado por mais de um elemento...