Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

junaooaks

centralizar coluna

Por , em Desenvolvimento frontend

Recommended Posts

junaooaks    3

junaooaks
Postado

pessoal sou novo em css

 

to montando um layout com três linhas "cabeçario, corpo, rodape"

 

o corpo quero colocar uma imagem como fundo

 

background-image: url('imagem/barra_verde.png');
   background-repeat: repeat-x;

 

este codigo resolve mas como colocar ele dentro de uma tabela

codigo da minha pagina

 

<style type='text/css'>
body {
background-color: #303d46; 

   background-image: url('imagem/barra_verde.png');
   background-repeat: repeat-x;
   /*background-position:  Bottom right;*/
background-position: 0px 200px;
}

</style>
<body>
<table width="100%" border="0" align="center" cellspacing="0">
 <tr>
   <td align="center"><table width="900" border="0" cellspacing="0" bgcolor="#FFFFFF">
     <tr>
       <td> </td>
     </tr>
     <tr>
       <td>aqui o css iqual a imagem de fundo</td>
     </tr>
     <tr>
       <td> </td>
     </tr>
   </table></td>
 </tr>
</table>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kaue Machado    0

Kaue Machado
Postado

Amigo, que vou falar é dinâmica de trabalho de cada um, mas te aconselho a colocar seus estilos em um arquivo css, o trabalho fica mais limpo e fácil de atualizar.

Outra coisa, e principal, por que você não faz isso usando outras tags ao invés de tables?

Posso te mostrar um exemplo de estrutura rápido, mas antes explica uma coisa: 'imagem/barra_verde.png' você está tentando colocar essa imagem de fundo na tela inteira (no código que você passou você está fazendo isso) ou só aqui: <td>aqui o css iqual a imagem de fundo</td>?

Compartilhar este post

Link para o post
Compartilhar em outros sites

junaooaks    3

junaooaks
Postado

amigao

 

a imagem a imagem vai começar na posição 

background-position: 0px 200px;

 

mostra um exemplo de estrutura, como ficaria melhor esta colocação

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito