Para isso eu vou precisar de duas imagens para os cantos e uma para o centro.
As imagens tão prontas, mas não consigo passar para o CSS.
Eu tô usando esse código:
#header
{
background-image:url(../images/header.gif);
background-repeat:repeat;
margin:0px auto;
text-align:left;
width:100%;
overflow:hidden;
}
#header_left
{
background-image:url(../images/header-left.gif);
background-repeat:no-repeat;
float:left;
}
#header_right
{
float:right;
background-image:url(../images/header-right.gif);
background-repeat:no-repeat;
height:48px;
text-align:right;
padding:36px 30px 0px 0px;
overflow:hidden;
}E no HTML:<div id="header"> <div id="header_left"> </div> <div id="header_right"> </div> </div>Só que se eu tentar escrever alguma coisa que não seja um espaço em branco estraga tudo.
Tem coisa errada aí, mas não sei o quê.
Além do que tem como limpar um pouco o código desse cabeçalho para não usar tantas DIV's?
As imagens são essas:
header.gif 2.16KB
95 downloadsPara o meio
header_left.gif 1.26KB
40 downloadsPara a borda esquerda
header_right.gif 1.68KB
41 downloadsPara a borda direita
[]'s
