body {
background-color: #000000;
color: #00FF33;
background-image: url(images/body_bg.jpg);
background-repeat: repeat-y;
background-position: center;
background-attachment: fixed;
}
Eu percebo muito pouco disto e não estou a perceber bem mas é assim eu tenho isto
e aquela imagem "body_bg.jpg" tem um tamanho e eu queria que esse tamanho mudasse conforme o tamanho da janela.Código:body { background-color: #000000; color: #00FF33; background-image: url(images/body_bg.jpg); background-repeat: repeat-y; background-position: center; background-attachment: fixed; }
Claro que é possivel, em design tudo é possivelmas secalhar não é possivel
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<TITLE></TITLE>
<META NAME="description" CONTENT="">
<META NAME="keywords" CONTENT="">
</HEAD>
<BODY>
<TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0" SUMMARY="">
<TR>
<TD style="background-image: url(esquerda.jpg); background-repeat: no-repeat;"><IMG SRC="blank.gif" WIDTH="170px" HEIGHT="12px" BORDER="0"></TD>
<TD style="background-image: url(meio.jpg); background-repeat: repeat-x; width: 100%;"></TD>
<TD style="background-image: url(direita.jpg); background-repeat: no-repeat;"><IMG SRC="blank.gif" WIDTH="170px" HEIGHT="12px" BORDER="0"></TD>
</TR>
<TR>
<TD style="background-color: black;"> </TD>
<TD style="background-color: black;"> </TD>
<TD style="background-color: black;"> </TD>
</TR>
<TR>
<TD style="background-image: url(esquerda.jpg); background-repeat: no-repeat;"><IMG SRC="blank.gif" WIDTH="170px" HEIGHT="12px" BORDER="0"></TD>
<TD style="background-image: url(meio.jpg); background-repeat: repeat-x; width: 100%;"></TD>
<TD style="background-image: url(direita.jpg); background-repeat: no-repeat;"><IMG SRC="blank.gif" WIDTH="170px" HEIGHT="12px" BORDER="0"></TD>
</TR>
</TABLE>
</BODY>
</HTML>
Dá uma olhada neste exemplo. Foi feito com uma tabela mas pode igualmente ser realizado com a ajuda de divs.
As imagens estao aqui:
esquerda.jpg - http://img505.imageshack.us/img505/3213/esquerdaoy9.jpg
direita.jpg - http://img505.imageshack.us/img505/6105/direitaiq9.jpg
meio.jpg - http://img409.imageshack.us/img409/6445/meiokx2.jpg
blank.gif - uma imagem tranparente com 1x1 px
Código:<HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252"> <TITLE></TITLE> <META NAME="description" CONTENT=""> <META NAME="keywords" CONTENT=""> </HEAD> <BODY> <TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0" SUMMARY=""> <TR> <TD style="background-image: url(esquerda.jpg); background-repeat: no-repeat;"><IMG SRC="blank.gif" WIDTH="170px" HEIGHT="12px" BORDER="0"></TD> <TD style="background-image: url(meio.jpg); background-repeat: repeat-x; width: 100%;"></TD> <TD style="background-image: url(direita.jpg); background-repeat: no-repeat;"><IMG SRC="blank.gif" WIDTH="170px" HEIGHT="12px" BORDER="0"></TD> </TR> <TR> <TD style="background-color: black;"> </TD> <TD style="background-color: black;"> </TD> <TD style="background-color: black;"> </TD> </TR> <TR> <TD style="background-image: url(esquerda.jpg); background-repeat: no-repeat;"><IMG SRC="blank.gif" WIDTH="170px" HEIGHT="12px" BORDER="0"></TD> <TD style="background-image: url(meio.jpg); background-repeat: repeat-x; width: 100%;"></TD> <TD style="background-image: url(direita.jpg); background-repeat: no-repeat;"><IMG SRC="blank.gif" WIDTH="170px" HEIGHT="12px" BORDER="0"></TD> </TR> </TABLE> </BODY> </HTML>
Realmente creio que as divs são bem melhores.Tables hoje em dia ? Não.