Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lufoliene

[Resolvido] Background no-repeat

Por , em Desenvolvimento frontend

Recommended Posts

lufoliene    0

lufoliene
Postado

Aew... olha eu aqui de novo encheno o saco ;]

 

acho q hoje ja foi 3 tópicos criados com esse ¬¬ mals pelo flod... mas as duvidas nao param entao la vai.....

 

 

criei meu site pá ficou muito maneiro... mas ainda ta faltando umas coizas ... o background das paginas sao fotos e as fotos sao 800x600 ai vai o problema....

 

quandu a resolução do pc esta 800x600 a figura aparece normal... mas quandu esta maior ela começa a se repeti pelo background aparecendo + de uma vez... eu ja tentei colok a tag no-repeat mas n sei o q acontece q n funciona olha ...

 

e se eu coloko a imagen maior q 800x600 ela aparece muito focada pra quem esta na resoluçao 800x600

 

<html>

<head>

<title><oº°*Games Top Online*°ºo</title>

<style>

 

#img {

margin-left: 15px;

}

 

</style>

</head>

<body background="backgroundtibia.jpg" background-repeat="no repeat" width=800 height=600 border=3">

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<div id="img">

<p><a href="http://www.sendspace.com/file/wn4cws"><img src=inconta.gif width="126" height="41"></a>

<a href=""><img src=inconmc.gif width="126" height="43"></a> </p>

<p> <a href="http://www.sendspace.com/file/e64mtr"><img src=inconluz.gif width="127" height="43"></a>

<a href=""><img src=incontutotibia.gif width="126" height="42"></a></p>

</div>

</body>

</html>

oq estou errando?

 

vlw ;]

Compartilhar este post

Link para o post
Compartilhar em outros sites

MartinsV    0

MartinsV
Postado

Haha, você pergunta suas dúvidas e eu aproveito para resolvê-las antes q chegue um moderador http://forum.imasters.com.br/public/style_emoticons/default/grin.gif hehehe... to de zua...

 

Bom, eu axo q, pra começa, você não deveria olocar o css na tag "body"

 

Veja este código, q eu fiz com o css no head (eu usei uma imagem de background pra teste e ela não repetiu...)

 

<html>
<head>
<title><oº°*Games Top Online*°ºo</title>
<style>
body {
	background-image: url("caminho da imagem sem parênteses)");
	background-repeat: no-repeat;
	width: 800;
	height: 600; 
	border: 3;
}

#img {
	margin-left: 15px;
}

</style>
</head>
<body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div id="img">
<p><a href="http://www.sendspace.com/file/wn4cws"><img src=inconta.gif width="126" height="41"></a>
<a href=""><img src=inconmc.gif width="126" height="43"></a> </p>
<p> <a href="http://www.sendspace.com/file/e64mtr"><img src=inconluz.gif width="127" height="43"></a>
<a href=""><img src=incontutotibia.gif width="126" height="42"></a></p>
</div>
</body>
</html>

Veja se da certo...

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

lufoliene    0

lufoliene
Postado

Martins V graças a você nun tenho q espera 2 dia por uma respota...

 

vlw manow .....

 

mas entao eu mudei a tag e ta apareceno tudo em branco nun parece minha imagen abaixo a tag...

 

<html>

<head>

<title><oº°*Games Top Online*°ºo</title>

<style>

body {

background-image: url"backgroundtibia.jpg";

background-repeat: no-repeat;

width: 800;

height: 600;

border: 3;

}

 

#img {

margin-left: 15px;

}

 

</style>

</head>

<body>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<div id="img">

<p><a href="http://www.sendspace.com/file/wn4cws"><img src=inconta.gif width="126"

 

height="41"></a>

<a href="http://www.sendspace.com/file/vsfa7l"><img src=inconmc.gif width="126"

 

height="43"></a> </p>

<p> <a href="http://www.sendspace.com/file/e64mtr"><img src=inconluz.gif width="127"

 

height="43"></a>

<a href=""><img src=incontutotibia.gif width="126" height="42"></a></p>

</div>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

body {
background-image: url("backgroundtibia.jpg"); /* esta declaração possui estes parenteses sim*/
background-repeat: no-repeat;
width: 800px; /*é mais correto, indicar com quais medidas você está trabalhando, px para pixels.*/
height: 600px;
border: 3px;
}

tentou isso? ^^

Compartilhar este post

Link para o post
Compartilhar em outros sites

MartinsV    0

MartinsV
Postado

Acredito q faltou um parênteses na "url" da imagem

 

Seria assim:

 

background-image: url("backgroundtibia.jpg");

ve se tá dando certo ae...

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Qualquer coisa volte a postar lufoliene, e lembre-se antes de postar pesquise no forum

pois é bem provavel de ja haver respota pra sua duvida

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito