Ir para conteúdo

POWERED BY:

Arquivado

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

Otton W

Inserir Fundo de Imagem e Texto em HTML em meu site.

Por , em Desenvolvimento frontend

Recommended Posts

Otton W    0

Otton W
Postado

Oi pessoal. Sou leigo neste assunto de codigo em HTML, e gostaria de uma ajuda de vcs. Estou escrevendo uma página dizendo que o meu site está em manutenção. Estou tentando inserir uma imagem de fundo fixo e sobre ele estou colocando o texto informativo. Eu escrevi desta forma:

<html>
<head>
<meta charset="utf-8"></meta>
<title>aviso de manutenção</title>
</head>
html, body{
background: url(“../imagens/logofundo.jpg”) no-repeat fixed right bottom
}
<body>
<p>align="center" <b>Desculpe. Nosso site está em manutenção.</b></p>
<p>align="center"><b>Acesse e curta nossa Fanpage: NOSSA FANPAGE. Será um prazer ter você por lá.</b></p>
<p>align="center"><b>Ou nos contate pelo WhatsApp: (11) 0 0000.0000</b></p>
<p>align="center"><b>Obrigado pelo seu acesso e até breve.</b></p>
</body>
</html>
A imagem não aparece, somente o texto, só que aparece desta forma abaixo:
html, body{ background: url(“../imagens/logofundo.jpg”) no-repeat fixed right bottom }

align="center" Desculpe. Nosso site está em manutenção.

align="center">Acesse e curta nossa Fanpage: NOSSA FANPAGE. Será um prazer ter você por lá.

align="center">Ou nos contate pelo WhatsApp: (11) 0 0000.0000

align="center">Obrigado pelo seu acesso e até breve.

Vcs podem me dar um help? Obrigado. Abs.

Compartilhar este post

Link para o post
Compartilhar em outros sites

rikaschmitt    54

rikaschmitt
Postado

Você estava fechando a tag <p> antes da hora certa, então o align ficava de fora. E o css para dar o background, você esqueceu de atribuir a tag <style>.

 

Código corrigido:

 

<html>
<head>
<meta charset="utf-8"></meta>
<title>aviso de manutenção</title>
<style>
html, body{
background: url(“../imagens/logofundo.jpg”) no-repeat fixed right bottom;
}
</style>
</head>
<body>
<p align="center"><b>Desculpe. Nosso site está em manutenção.</b></p>
<p align="center"><b>Acesse e curta nossa Fanpage: NOSSA FANPAGE. Será um prazer ter você por lá.</b></p>
<p align="center"><b>Ou nos contate pelo WhatsApp: (11) 0 0000.0000</b></p>
<p align="center"><b>Obrigado pelo seu acesso e até breve.</b></p>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otton W    0

Otton W
Postado
rikaschmitt

 

Cara, o texto está aparecendo, mas ficou no topo da página e a imagem de fundo nem apareceu. Será que o problema é com o endereço da imagem? Ela está dentro da pasta "Imagens" que está dentro da pasta "Public_html". Ou seria por causa do tamanho o arquivo que é de 142,24 kb??

 

Eu fiz o up load do "index" corrigido dentro da pasta "Public_html", depois cliquei em carregar e numa outra aba do navegador digitei o endereço da página e deu o resultado que escrevi acima. Vc pode verificar pra mim.

 

Vc pode verificar se está certo?

Compartilhar este post

Link para o post
Compartilhar em outros sites

rikaschmitt    54

rikaschmitt
Postado

Tenta deixar apenas:

url(“imagens/logofundo.jpg”)

Sobre o texto no topo, dai você vai ter que testar a propriedade "margin" e "padding" no <p>.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otton W    0

Otton W
Postado

Blzz. Vou fazer essas alterações e retorno. valeu por hora...

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