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 downloads
Para o meio
header_left.gif 1.26KB 40 downloads
Para a borda esquerda
header_right.gif 1.68KB 41 downloads
Para a borda direita
[]'s