locked
Não exibe a imagem css ao executar o projeto RRS feed

  • Pergunta

  • Olá, estou criando um blog onde estou configurando o layout, dessa forma fiz uma imagem no photoshop e utilizei um comando css para replicá-la :

    body
    {
    background-image: url("caminho");
    }

    Adicionei a imagem no projeto, só que no modo designer onde é possível visualizar o layout e o construí-lo a imagem aparece certinho e o layout fica ok! Mas quando executo a aplicação para testá-la simplesmente o layout se perde e a tela fica branca somente com os componentes que coloquei...

    sábado, 8 de maio de 2010 18:36

Todas as Respostas

  • Isso é problema com mapeamento de imagens, amigo.
    Sugir fazer o seguinte:

    - Vá no seu webconfig, e na tag <Page>, adicione <Page theme=”meutema”>
    - No Solution Explorer, clique com o botão direito no seu site, Add Asp.NET Folder, Theme.
    - Dê o nome “meutema”
    - Coloque TODAS as suas imagens e o arquivo .css dentro dessa pasta “meutema”
    - Retire de suas páginas qualquer referência ao css (<link href="StyleSheet.css" rel="stylesheet" type="text/css" />)

    E no seu .css, todo lugar que for referenciar um imagem, faça apenas assim: url(nomedaimagem.jpg)

    Só.
    É o jeito correto de fazer.
    Não vai mais ter problemas se fizer assim.
    Fkaeh - Gambi.NET® Framework Certificated 2010
    segunda-feira, 10 de maio de 2010 12:32
  • Veja se o caminho da imagem dentro do CSS não está apontando para o caminho físico desse arquivo (exemplo: C:\imagens\fundo.jpg).

    Faça o seguinte teste:

    - Coloque a imagem na mesma pasta que o arquivo CSS.

    - Altere no CSS para ficar somente o nome da imagem. Exemplo: background-image: url("fundo.jpg");

     

    Se quiser colocar a imagem em outra pasta, crie essa pasta dentro da pasta onde está o arquivo CSS e altere no CSS para ficar assim: background-image: url("pasta_de_imagens/fundo.jpg");

    domingo, 23 de maio de 2010 02:42