mestre fyoda

Então Juroi, eu já fiz isso e não deu certo ! <asp:ListView runat="server" GroupItemCount="2" ID="ltvParcela"> <LayoutTemplate> <div id="Parcelas"> <asp:PlaceHolder ID="GroupPlaceholder" runat="server" /> </div> </LayoutTemplate> <GroupTemplate> <ul> <asp:PlaceHolder ID="ItemPlaceholder" runat="server" /> </ul> </GroupTemplate> <ItemTemplate> <li> <asp:Label CssClass="Qtd" ID="lblParcela" Text='<%# Eval("QtdParcela") %>' runat="server" /></asp:Label> <asp:Label CssClass="Valor" ID="lblValor" Text='<%# Eval("ValorParcela") %>' runat="server" ></asp:Label> </li> </ItemTemplate> </asp:ListView>

Se a qtd das parcelas forem de 2 digitos desalinha tudo, e se a qunatidade de digitos dos valores das parcelas forem diferentes tb desalinha. Segue a imagem http://img215.imageshack.us/i/imgja.jpg/ Como eu faço para deixar alinhado, direitinho . ?

Resolvido, no div id="headerBusca" coloquei a imagem. Só uma pergunta, está semanticamente correto dividir com div id uma parte para busca e a outra para o Carrinho de Compras ? <div id="headerBusca"> <div id="Busca"> <asp:Label ID="lblBusca" Text="Buscar no Site: " runat="server"></asp:Label> <asp:DropDownList ID="ddlGrupo" CssClass="ddlBusca" runat="server"></asp:DropDownList> <asp:TextBox CssClass="txtBusca" ID="txtBusca" runat="server"></asp:TextBox> <asp:ImageButton CssClass="classPesquisar" BorderWidth="1" ID="btnPesquisar" ImageUrl="img/lupa.gif" runat="server" /> </div> <div id="Carrinho"> <br /><asp:Label ID="lblQtdProduto" CssClass="texto" runat="server"></asp:Label> </div> </div>

Resolvido, no div id="headerBusca" coloquei a imagem. Só uma pergunta, está semanticamente correto dividir com div id uma parte para busca e a outra para o Carrinho de Compras ?

#Busca { padding-top: 145px; 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: 300px; } .classPesquisar { position: absolute; background-color: #FFF; margin-left: -4px; border-left: 0px !important; border-top: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; } .ddlBusca { font-size: 12px; font-family: Verdana; height: 20px; vertical-align: middle; } .lblBusca { font-size: 12px; font-family: Comic Sans MS; } #Carrinho { float: right; padding-right: 215px; height: 47px; background-image: url(../img/headerCarrinho.png); background-repeat: no-repeat; background-position: 100px; } #Carrinho .texto { float: right; color: #FFF; font-family: Verdana; } <div id="Busca"> <asp:Label ID="lblBusca" Text="Buscar no Site: " runat="server"></asp:Label> <asp:DropDownList ID="ddlGrupo" CssClass="ddlBusca" runat="server"></asp:DropDownList> <asp:TextBox CssClass="txtBusca" ID="txtBusca" runat="server"></asp:TextBox> <asp:ImageButton CssClass="classPesquisar" BorderWidth="1" ID="btnPesquisar" ImageUrl="img/lupa.gif" runat="server" /> <div id="Carrinho"> <br /><asp:Label ID="lblQtdProduto" CssClass="texto" runat="server"></asp:Label> </div> </div> não consigo alinhar a imagem de fundo da div id="Carrinho".

obrigado .

isso mesmo *FIT*. Qual a diferença pro position -> Absolute, Relative e Fixed ?

.classPesquisar { position: relative; background-color: #FFF; margin-left: -4px; border-left: 0px !important; border-top: solid 1px #e4e4e4; border-right: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; padding-top: 2px; }

FIT, eu retirei o #Busca , e continua a mesma coisa !.

O CssClass do <asp:ImageButton tem um padding-top, só que esse padding-top executa toda a div. porque não 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>

então _Vinny_ eu percebi esse meu erro e já concertei. :lol:rsrs bnossa que estranho, fui mexer no fireworks e coloquei a mesma height do campo text na imagem, e ficou menor o height na imagem !

isso mesmo fit, obrigado.

esse é o que eu estou fazendo !

não funcionou.

não rola !

não. Vamos lá. Um campo <input type="text"> e ao lado desse botao uma imagem <img src=""> , mas preciso deles grudados.

Eu já tenho a ideia de como eu vou muquear um botão dentro de um input type=text. Mas eu vou precisar colocar uma imagem ao lado direito de um campo text, porem essa imagem tem que estar grudada com o campo text, como eu faço para deixar um campo text grudado com uma imagem ?

então Fit, eu preciso deixar 100% com a largura da tela .

poderia me dar um exemplo, não entendi muito bem o que você quiz dizser

EDITADo - Retirada de link

não sei porque tem o espaço em branco

990 x 42 -> imagem E a tela vai variar dependendo da tela do usuario. Entendeu, eu gostaria de fazer algo que deixe 100% a largura da tela, independentemente da resolução do usuario, não causionando a barra de rolagem na horizontal !

Entendi, mas o problema é que se eu tirar o no-repeat, fica espaço em branco http://img13.imageshack.us/i/imgsf.jpg/

eu mudei totalmente o modo de fazer. #TituloEntrega { width: 100%; height: 42px; background-image: url(../img/faixaEnderecoEntrega.png); background-repeat: no-repeat; background-position: 25px -3px; } <div id="TituloEntrega"><ul> <li><img alt="" src="img/textoFaixaEnderecoEntrega.png" height="42" /></li> </ul></div> Este modo acima funciona, porém, a largura não fica 100% da tela, porque ?

então, quando uso position absolute, ai desconfigura tudo aqui