Busca

[MTavares]

Caros colegas,

eu criei um sistema de busca interna e consegui colocar a div dentro do campo com esse comando:

#campo{

background-image:url(lupa.jpg);

background-repeat:no-repeat;

background-position: left;

}

Só que agora quero colocar o ponteiro após a imagem da lupa... como eu faria isso?

abs

[AlissonSchneider]

Caros colegas,

eu criei um sistema de busca interna e consegui colocar a div dentro do campo com esse comando:

#campo{

background-image:url(lupa.jpg);

background-repeat:no-repeat;

background-position: left;

}

Só que agora quero colocar o ponteiro após a imagem da lupa... como eu faria isso?

abs

Amigo veja que seu problema é que seu focus está sobre sua imagem de fundo (lupa) recomendo que insira a imagem atrás em uma div qualquer e coloque o input dentro da div que tem o fundo, ai para ajustar a posição utilize padding-left ou margin-left.

Exemplo:

#campo{

background:url(lupa.jpg) no-repeat left top;

width:XX;

height:XX;

}

input{

position:relative;

float:left;

margin: superior(px) direita(px) inferior(px) esquerda(px);

width:XX;

height:XX;

}

Espero que tenha entendido

[MTavares]

Olá Alisson,

eu não entendi muito bem. A largura e altura do #campo e input seria o tamanho da imagem e do campo? eu coloquei assim, mas não funcionou, veja:

#campo{

background:url(lupa.jpg) no-repeat left top;

width:19px;

height:18px;

}

input{

position:relative;

float:left;

margin: 0 0 0 0;

width:100px;

height:10px;

}

<input type="text" size="50" id="campo" />

abs