Imagem sobre a outra imagem

[mestre fyoda]

Existe algum codigo em css que faça com que a imagem do fundo venha pra frente ?

http://img709.images...us/i/imgwb.jpg/

.TituloEntrega
{
    background-image: url(../img/textoFaixaEnderecoEntrega.png);
    background-repeat: no-repeat;
    background-position: 25px -3px;
}


            <table width="100%" align="left">
                <tr>
                    <td class="TituloEntrega"><img alt="" src="img/faixaEnderecoEntrega.png" height="42" width="100%" /></td>
                </tr>
            </table>

.TituloEntrega é a imagem que está atraz, como faço para traze-la á frente ?

[*FIT*]

Use o atributo z-index para definir profundidade.

http://www.w3schools.com/css/pr_pos_z-index.asp

[mestre fyoda]

já tentei, pode ser que eu esteja usando errado, como eu faria com z-index ?

[*FIT*]

Exemplo

img
{
position:absolute;
z-index:-1;
}

[mestre fyoda]

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

Editado Maio 7, 2010 por mestre fyoda

[*FIT*]

Vizualizei no firefox para tentar usar a firebug, mas não encontrei essa div!

Em todo caso, use apenas o z-index sem position absolute, mas defina algum position para a div, pois o z-index só funciona com elementos posicionados, faça sim, coloque o z-indez na div das 2 imagens, e na que você quiser que fique por baixo, de um valor menor, por exemplo, atribua valor 1 para uma e 2 para outra!

[mestre fyoda]

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 ?

Editado Maio 7, 2010 por mestre fyoda

[*FIT*]

Bom, você está usando uma imagem como background, junto com no-repeat, acredito a imagem não deva ter o tamanho da tela, e por isso não atinge 100% da tela.

[mestre fyoda]

Entendi, mas o problema é que se eu tirar o no-repeat, fica espaço em branco

http://img13.imageshack.us/i/imgsf.jpg/

Editado Maio 7, 2010 por mestre fyoda

[*FIT*]

Sim, não precisa tirar o no-repeat, acredito que seja o tamanho da imagem, qual o width da tela, e qual o width da imagem?

[mestre fyoda]

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 !

[*FIT*]

Certo, esse elemento vai pegar 100% do tamanho de onde ele estiver, se ele estiver dentro de uma outra div, ele vai pegar o tamanho dessa div.

[mestre fyoda]

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

Editado Maio 7, 2010 por mestre fyoda

[*FIT*]

Manda o link pra gente dar uma olhada!

[mestre fyoda]

EDITADo - Retirada de link

Editado Maio 7, 2010 por mestre fyoda

[*FIT*]

Deixe com o no-repeat, e o width 100%, ele só não vai ficar do tamanho da tela, caso esteja dentro de algum outro elemento cujo o tamanho não seja os mesmos 100%.

[mestre fyoda]

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

[*FIT*]

Faça a mesma coisa que fez no post abaixo, ele só não vai funcionar se essa div estiver dentro de outra menor, ai ela não vai atingir os 100% da tela, e sim o 100% da outra div. Por exemplo, se você tiver um div no tamanho de 900px e dentro dessa colocar uma outra com width:100%, ela só vai atingir os 900px e não o tamanho da tela.

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 ?

[mestre fyoda]

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

[*FIT*]

Exatamente, por isso que falei, se ele estiver dentro de um outro elemento, esse elemento também terá que ter o tamanho da tela, não gosto muito de trabalhar com tabela por isso, mas vamos lá, a <td> está dentro de uma <tr>, defina 100 para essa <tr> também.