Campo busca sobre imagem

[italoborges 0]

e ae pessoal!

 

Tenho este layout -> LAYOUT

 

Já fiz boa parte dele, mas agora estou com um problema, preciso colocar aquela busca em cima da imagem, então qual a melhor forma de fazê-lo. Estava usando layer, o fundo dela ficou certo, mas quando coloquei a palavra busca e o botão nau ficaram nem perto. Alguém tem alguma dica? :)

 

Agradeços a todos.

[Luiz Henrique 1]

use a propriedade z-index para posicionar imagens em forma de camada, mas aquela imagem é background?melhor postar seu code fica mais fácil de analizar a melhro forma

[italoborges 0]

Graffittero estou usando esta propriedade mesmo, a imagem é uma div com <img> dentro

 

codigo css:

.img_topo {	width:685px;	float:right;}.img_esquerda {	float:left;	width:93px;}.baixo_busca {	width:685px;	float:right;	background-image:url(Site/imgs/Embaixo_Busca_1.gif);	background-repeat:repeat-x;}#busca_layer {	position:relative;	left:507px;	top:115px;	z-index:1;}

e aqui é a div:

<div class="img_topo">	<img src="Site/imgs/Img_Topo.jpg" alt="imagem não encontrada" align="right" />	<div id="busca_layer">		<img src="Site/imgs/Fundo_Busca.gif" alt="imagem não encontrada" />	</div></div>

eu consegui colocar o fundo da busca lá, agora preciso colocar o nome 'busca:' e o campo de texto.

 

valeu pela ajuda

[Luiz Henrique 1]

ta mas esse campo de texto é outra imagem ou é um input type="text"?cria uma classe para o texto assim você controla a posição dele la dentro e o mesmo para o campo busca, já tentou desta forma/? o que acontece?

[italoborges 0]

tentei assim usando uma div dentro da div da layer

<div style="color:#FFFFFF; font-family:Verdana; font-size:12px; left:8px; top:-38px; position:relative; width:100px;">	 Busca no site:</div>

olha só como ficou, coloquei ele no server - Layout teste

 

usando deste modo está certo? outra coisa, como tiro o aliasing da font?

 

OBS: veja no explorer, ainda vou arrumar para os outros browsers :)

 

agradeço a ajuda Graffittero

[Luiz Henrique 1]

rsrsrs.. poisé tava com firefox...mas percebi que você usou um monte de imagem para ese topo, vai ter algo dinâmico ali, senão faz uma imagem só para o topo que fica mais fácil, daquela forma você tem que trabalhar com mutas propriedades, estou vendo que o problema é só posicionamento você vai conseguir arrumar para o IECA e quando for arrumar para outros navegadores !!!!! vai ter a mesma dor de cabeça, então sugiro qua faça uma imagem só la em cima.

[italoborges 0]

Graffittero valeu pela ajuda! vou fazer o que você falou, vai ser mais fácil.Sobre o fundo do menu, ele tem glow, mas nem com gif e nem com png fica sem fundo, sabe o que se pode fazer?