Ir para conteúdo
Fórum Script Brasil
  • 0

Tela completa com 1 imagem e 1 Div


Diego Hélio da Silva

Pergunta

Boa noite pessoal, preciso de uma enorme ajuda! Deve parecer fácil para alguns, mas preciso fazer a seguinte estrutura, pegar widht 100% da página e utilizar 649px para uma imagem e o resto preencher com preto;

Ex:

Imagem com 649 pixel

<img src="data/imagens/fundo.png" /><div style="widht:resto_da_width_a_direita"></div>

Simplificando preciso colocar uma imagem posicionada a esquerda da tela ocupando 649px e o restante a direita preencher com preto, não poss utilizar background-color: black; porque a imagem é PNG, contem partes transparentes, onde utilizando o fundo preto estaria preenchendo as partes transparentes.

Agradeço desde já quem puder me ajudar. Obrigado.

Att: Diego Hélio.

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

É mais ou menos isso amg?, ali no height você decide a largura da imagem.

<html>
<head>
<style>
body{
margin:0px;
}
div#tudo{
width:100%;
height:100%;
background:#000000;
}
#foto{
width:649px;
height:;
}
</style>
</head>
<body>
<div id="tudo">
<div id="conteudo">
<img id="foto" src="data/imagens/fundo.png" />
</div>
</div>
</body>
</html>
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...