Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Existe algum codigo em css que faça com que a imagem do fundo venha pra frente ?
http://img709.imageshack.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>você tem um tuto ou exemplo ?
Veja aqui: http://aprendacss.wordpress.com/2008/08/12/z-index/
Qualquer dúvida torne a postar
fiz de outra maneira mais simples,
#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>aparentemente essa linha é da própria imagem
pois a propriedade repeat do CSS faz a repetição de forma continua e sem espaço....
O que achei estranho é ela repetir sendo que no seu css está falando para ela não repetir
verifique se está exportando a imagem sem espaço no final
:)
Thelon, eu nao vou poder repetir a imagem, terei que usar assim :
#TituloEntrega
{
clear: both;
background-image: url(../img/faixaEnderecoEntrega.png);
background-repeat: no-repeat;
}
<div id="TituloEntrega"><ul>
<li><img alt="" src="img/textoFaixaEnderecoEntrega.png" height="42" /></li>
</ul></div>A imagem #TituloEntraga que você se refere é a usada como background certo (faixaEnderecoEntrega.png)?
Se for então não é possível deixar com 100% pois ela não se repete...
ele ficara com o tamanho definido apenas
para deixa-la com 100% você teria de tirar o no-repeat para que ela possa ser multiplicada até acabar a div
para que ela se repita apenas na horizontal use: background-repeat:repeat-x;
Agora se estiver se referindo a textoFaixaEnderecoEntrega.png
então basta por width= 100% na propriedade do img
se eu usar o repeat da imagem ele vai colocar duas bordas da esquerda e direita ai fica muito feio.
bordas? :mellow:
não deveria ficar poste como está ficando e as imagens por favor.
tenta cortar uma pontinha do começo e do final.
Isso ai ocorre porque a corda da sua imagem está diferente na borda
é algo comum de acontecer...
talvez não seja ... mas eu já tive esse problema algumas vezes e resolvi assim
Tenta ae e post e resultado :)
vou fazer aqui, mas nao existe alguma possibilidade de se fazer a imagem ficar com o tamanho 100% largura da tela ?
Agora se estiver se referindo a textoFaixaEnderecoEntrega.png
então basta por width= 100% na propriedade do img
<img src="suaimage.jpg" width=100%/>
Via CSS acredito que não.
Você poderia colocar duas imagens <img e utilizar z-index definir a ordem.