Jump to content
Ricceli Chaves

Ajuda com background-image em html

Recommended Posts

Ricceli Chaves

seguinte, meu chefe pediu para eu recriar o site para ele, eu nunca havia mexido com html/css programação estas coisas, vi alguns tutoriais e pareceu até simples, comecei a fazer e estava indo bem ate que cheguei na parte do background, dei os comandos possiveis pelo notepad++ e nada ia,mudei pra diversas versões chegando inclusive a usar uma de 2011 por medo de ser bug, o impressionante é que todos sites e tutoriais que visualizei dizem o msm codigo, porém comigo não funciona, cheguei a mudar de programa do notepad++ para o sublime text 3 e nada, eu não consigo passar da parte em que você coloca uma imagem de fundo, pois simplesmente ela não aparece, segue abaixo prints do html 

http://prntscr.com/j0s25b

http://prntscr.com/j0s2aw

http://prntscr.com/j0s2s4

se eu não conseguir colocar esta parte simples não posso avançar...

Share this post


Link to post
Share on other sites
Ricceli Chaves

INDEX.HTML 

<!DOCTYPE html>
<html lang="pt-br">
<meta charset="UTF-8">
<head>
<link rel="shotcut icon" href="favicon.png" type="image/x-png"/>
<title>AgroGeo </title>

<link rel="stylesheet" type="text/css" href="C:\Users\Ricceli\Desktop\tem q ir\css/style.css">
<style type="text/css">
        

</style>  

</head>
<body class="div">
    <div>
        <h1><img src="C:\Users\Ricceli\Desktop\tem q ir\Site\css\Imagens/logo1.png" /> </h1>
<ul id="nav"> 
<li>HOME </li>
<li>QUEM SOMOS </li>
<li> ÁREAS DE ATUAÇÃO</li>
<li> GALERIA</li>
<li>CONTATO </li>

    </div>

    </body>

</html>

CSS


    
    
    div{background-image: url("Imagens/b.jpg");
         background-position:center; 
          height: 1900px; 
          width: 1280px;
           background-repeat:no-repeat;
           background-size:100%;

    }


    
ul#nav{ 
    list-style:none;
}

Share this post


Link to post
Share on other sites
Metalhead

No momento de colocar qual o caminho da imagem, cuidado com as barras oblíquas! Revê o teu código e pesquisa melhor, tenta perceber cada pormenor, o teu problema é básico!

Share this post


Link to post
Share on other sites
HappyHippyHippo

Antes de mais, o problema nunca é do editor de texto... 

Segundo, podes dizer em que pasta está a imagem? 


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
Ricceli Chaves

guys, consegui mudando apenas o codigo para este mais simples

<body  background=""

obrigado 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.