r0ltu 0 Denunciar post Postado Janeiro 18, 2010 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
GabrielFerrari 41 Denunciar post Postado Janeiro 18, 2010 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
r0ltu 0 Denunciar post Postado Janeiro 19, 2010 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
GabrielFerrari 41 Denunciar post Postado Janeiro 20, 2010 tentei abrir o link e está off Tende colocar de voltar para eu analisar o código novamente Compartilhar este post Link para o post Compartilhar em outros sites
Morpheus#2005 1 Denunciar post Postado Janeiro 21, 2010 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