Imagem para background

[avlisrotiv]

Código:

<img src="esquerda.png" width="auto" height="auto" align="left">
<img src="direita.png" width="auto" height="auto" align="right">

Julgo que seja assim... Ó Tiseac, vê lá se concordas...

EDIT: Mas acho que não precisas do width e height... Bem, experimenta assim:

Código:

<img src="esquerda.png" to" align="left">
<img src="direita.png" align="right">

Se ficar bem, tudo bem, se não coloca o de cima deste ultimo...

[Nuno39]

Bem ele está a funcionar, mas tem um problema, LOL, é que está em cima da estrutura do fórum, LOL
Poderás ver no link que coloquei na 1 página.

[Tiseac]

@Nuno39 já tentaste só como o avlisrotiv disse? E como eu disse?
Se já tentaste as duas maneiras volta a colocar o original como tinhas antes de começares a editar.
A seguir indica por favor a parcela de código onde está a imagem para eu a poder ver com o Firebug, assim será mais fácil ter uma ideia do problema.
Mais tarde ou mais cedo vais conseguir

[Nuno39]

Bem para quem conhece esta plantaforma sabe que muitas funções por vezes não funcionam. LOL
O que quero dizer é que os códigos se forem em CSS será melhor, porque tudo o que coloco em HTML vai para a estrutura do fórum.
Amanhã vou testar. Ok
Obrigado aos dois.

[Nuno39]

No CSS o código que uso é este, falta ai qualquer coisa, para que funcione em todos os monitores.

Quanto aos códigos html não dão? Ou não consegui que dessem. LOL


código

body {
background-color: #233041;
background-image: url('http://i102.photobucket.com/albums/m95/nuno_pereira/background-image.jpg');

background-repeat: repeat-x;
margin-top:150px;
background-attachment: scroll;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0px 0px 0px 0px;
padding: 0px;
border-color: #862121;
border-width: 0px 0px 0px 0px;
border-style: solid;
}

[aFriend]

Não será isto que procuras?

Código:

<style type="text/css">
body { background: url(imagem.jpg) fixed center no-repeat;}
</style>

Ou seja, uma imagem de fundo, que fique fixa e centrada, não interessa o monitor usado?

[Tiseac]

@aFriend com tu disseste não vai dar porque o Nuno39 tem 2 "fogos de artificio" que ao centrar iriam desaparecer (pelo menos pelo que testei no firebug) podes vêlos no spoiler da página anterior.

@Nuno39 depois de teres fornecido a parte do código onde estava a imagem tive sucesso a manter os teus fogos de artificio no ecrã.
Utilizei a propriedade de CSS3 background-size, infelizmente esta ainda não foi implementada apenas existem códigos especiais para os diferentes navegadores:

Código:

body {
background-color: #233041;
background-image: url('http://i102.photobucket.com/albums/m95/nuno_pereira/background-image.jpg');
-moz-background-size: 100%; /*para firefox */
-o-background-size: 100% ; /* para opera */
-webkit-background-size: 100%; /* para safari e chrome */
background-repeat: repeat-x;
margin-top:150px;
background-attachment: scroll;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0px 0px 0px 0px;
padding: 0px;
border-color: #862121;
border-width: 0px 0px 0px 0px;
border-style: solid;
}

Podemos colocar um número ou um combinação de 2 números esta foi aquela com que me pareceu ficar melhor.

Nos meus testes com o extensão do Firefox, Firebug que permite editar o código de páginas online ficou assim.
Testei em dois computadores com ecrãs de diferentes dimensões.





Infelizmente para Internet Explorer não existe mas também arranjei uma maneira de dares a volta à coisa . Tens um bom tutorial de como o fazer no link: Webdesign.about


Só um aparte o IE só dá trabalho!

[Nuno39]

Boas, Tiseac

Pois o código que usaste ai, deu pelo menos no firefox.

Quanto ao site que sugeriste, ou eu não dei com a coisa, ou não deu resultado!

Coloquei-lhe um fundo fixo, e esqueço esses efeitos, LOL

Vou seguir em frente. Obrigado por tudo!

Um abraço!