Ir para conteúdo

POWERED BY:

Arquivado

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

Isaac Sampaio

Background

Por , em Desenvolvimento frontend

Recommended Posts

Isaac Sampaio    1

Isaac Sampaio
Postado

Olá pessoal, espero não ser essa a ultima vez que posto uma duvida minha nesta sessao, porque sinceramente estou cheio de tanto problemas com css + web standards...Ja li o site do maujor.com de frente para tras e de tras para frente, entendo a metodologia mas na pratica nao esta funcionando (pelo menos para mim), o que me desmotiva o uso destes padroes. Hoje a esta hora ja estou de cabeça doendo de tanto tentar fazer uma tela de login atraves do css e respeitando os padroes....O engraçado de tudo isso é que o no IE que como todo mundo fala ser o problematico...nele tudo funciona corretamente, mas nos demais não..vamos a um exemplo:Codigo CSS: #camada_top1 { position:relative; width:10px; height:20px; background-image: url(file:///C|/xampp/htdocs/gol/img/b1.gif); }<html><head><style type="text/css"> /*<![CDATA[*/ <!-- @import "css/apresentacao.css"; --> /*]]>*/ </style></head><body><div id="camada_top1"></div></body></html>Vamos considerar que meu codigo html estivesse somente estas linhas.Essa imagem que esta dentro de #camada_top1 deveria ser exibida?? Ou existe algo errado nesse codigo que nao consigo exergar...pelo menos no FIREFOX naum aparece nada...Alguem pode me mostrar onde esta o erro?.Grato a todos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

v i p E r    0

v i p E r
Postado

Codigo CSS:

 

#camada_top1 {

position:relative;

width:10px;

height:20px;

background-image: url(file:///C|/xampp/htdocs/gol/img/b1.gif);

}

Tais vendo isso que botei em negrito??? esse é o problema do por que nao esta sendo exibida tua imagem.

É que a url da imagem esta dentro do teu Computador cara, não esta na internet. dentro daqueles parenteses você tem que botar o endereço aonde a imagem se localiza dentro da INTERNET, por exemplo:

 

... background-image: url(http://www.velardez.com.br/curriculum/imagens/bann.jpg); ....

 

Entendeu???

 

Abração!

 

 

http://www.velardez.com.br/curriculum/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Isaac Sampaio    1

Isaac Sampaio
Postado

Olá v i p E r,Na verdade ainda não testei da forma que voce orientou, logo mais a noite assim que chegar do trabalho vou fazer os testes e posto aqui o resultado, mas lhe adianto que do meu ponto de vista isto não deveria acontecer, uma vez que rodo o apache localmente e meu index.html esta praticamente na mesma pasta e seu eu fizer meu site inteiro que naum seja usando css, tudo fica redodinho, isso rodando o site localmente, tenho ciencia que no momento que eu colocar o site no ar terei de enviar e imagens e alterar os respectivos caminhos....... Um detalhe é que se ao inves de colocar uma imagem eu inserir um background-color:#000000, ai sim ele aparece. Mas como o que quero é realmente resolver o meu problema, farei o teste da sua sugestão.Abraços e muito obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

você vai lá cria uma pasta imgs.

Coloca sua figura lá e depois faz coo esse exmplo!

 

background-image: url(../imgs/figura.jpg);

 

E por favor, quando for postar tente colocar um título que seja realmente a sua dúvida.

Editei o título do seu post!

 

[]´s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Isaac Sampaio    1

Isaac Sampaio
Postado

Olá gio,

 

 

Realmente apos ter colocado da forma indicada abaixo funcionou..

 

 

Fico muito agradecido pela dica certeira e com certeza usarei titulos mais objetivos.

 

 

Muito obrigado a todos voces..

 

Abraços.

 

você vai lá cria uma pasta imgs.

Coloca sua figura lá e depois faz coo esse exmplo!

 

background-image: url(../imgs/figura.jpg);

 

E por favor, quando for postar tente colocar um título que seja realmente a sua dúvida.

Editei o título do seu post!

 

[]´s

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