Ir para conteúdo

POWERED BY:

Arquivado

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

r0ltu

Encaixar plano de fundo com tabela

Recommended Posts

Boa noite, pessoal:

 

eu estou tentando fazer um site que contenha faixas coloridas e o layout do site em cima delas.

 

O site está neste endereço:

 

http://www.escolagiordanobruno.com.br/floripa/teste/formacao-de-professores.html

 

O problema é que o encaixe das linhas varia de acordo com o navegador e sei que não estou fazendo do jeito mais eficiente.

 

A maneira como estou fazendo atualmente é pondo uma tabela que contém as mesmas cores e a encaixando no background.

 

Sei que em CSS se faz isso da maneira correta, mas não sei como, nem como pesquisar isto.

 

Se alguém puder me ajudar eu agradeço.

 

R0ltu.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seu site está todo distorcido

já que ele se ajusta de acordo com a resolução... não seria melhor trabalhar com largura em % ?

 

Quanto ao background basta usar o propriedade background-color do css

nas opções de css do DW tem e ela vai ficar mais ou menos assim

 

background-color: #FFF;

 

#FFF = sua cor

 

Sua dúvida ficou um pouco confusa

caso não seja isso tente explicar de forma mais simplificada

Compartilhar este post


Link para o post
Compartilhar em outros sites

Thelon, obrigado pela ajuda.

 

Como você deve ter visto, o plano de fundo da minha página são aquelas barras coloridas. Eu encaixei uma tabela, com os menus e logotipo da escola em cima das barras coloridas.

Acontece que esse encaixe muda de acordo com o navegador que eu estou utilizando. Gostaria de saber como faço para esse encaixe ficar perfeito em todos os navegadores.

 

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amigo, tem algum exemplo disso....

 

Não sei, mas acho que o que voce esta querendo é colocar de Background uma imagem com X listras e o site por cima.

 

Bom se for isso é simples.

 

Primeiro voce precisa criar o css do background :

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css"> 
body {

background:#02CBFF url("suaimagem.jpg") 
repeat fixed;

     }
</style>
</head>
 
<body>
<p>Coloque aqui o resto de sua página.</p>
</body>
</html>

Lembrando que caso precise de mais alguma coisa, utilize os atributos abaixo :

 

Atributos para Imagem

background-color............... cor do fundo;

background-image............. imagem de fundo;

background-repeat............. maneira como a imagem de fundo é posicionada;

background-attachment.......se a imagem de fundo "rola" ou não com a tela;

background-position............como e onde a imagem de fundo é posicionada;

background........................maneira abreviada para todas as propriedades;

 

 

Propriedades para Imagem

background-color:

1.código hexadecimal: #FFFFFF

2.código rgb: rgb(255,235,0)

3.nome da cor: red, blue, green...etc

4.transparente: transparent

background-image:

1.URL: url(caminho/imagem.gif)

background-repeat:

1.não repete: no-repeat

2.repete vertical e horizontal: repeat

3.repete vertical: repeat-y

4.repete horizontal: repeat-x

background-attachment:

1.imagem fixa na tela: fixed

2.imagem "rola" com a tela: scroll

background-position:

1.x-pos y-pos

2.x-% y-%

3.top left

4.top center

5.top right

6.center left

7.center center

8.center right

9.bottom left

10.bottom center

11.bottom right

Creditos Maujor, site Entendendo Background

 

Good Luck e bons estudos !!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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