Master Pages - Imagem como background
20/04/2007
0
Bom dia povo,
Estou com o seguinte problema:
Eu utilizo no meu projeto uma master page, que possui um cabeçalho estilizado com logo, imagens etc... E nesse cabeçalho eu tenho uma tabela e uma imagem como fundo (background) dessa tabela. Utilizo essa tabela em 100¬, assim a imagem cresce ou diminui conforme o tamanho da janela do navegador.
Até aí muito bom, funciona perfeitamente.
O problema é que quando eu crio uma pasta e dentro crio uma nova pagina e utilizo essa master page como modelo, ele perde a referência para a imagem que está como background da tabela. Isso acontece porque ele se refere a imagem como (background=´img/topback.jpg´) e como a nova pagina está dentro de outra pasta ele não encotra mais o caminho da imagem.
Alguem tem alguma ideía de como resolver isso?
Vlw
Estou com o seguinte problema:
Eu utilizo no meu projeto uma master page, que possui um cabeçalho estilizado com logo, imagens etc... E nesse cabeçalho eu tenho uma tabela e uma imagem como fundo (background) dessa tabela. Utilizo essa tabela em 100¬, assim a imagem cresce ou diminui conforme o tamanho da janela do navegador.
Até aí muito bom, funciona perfeitamente.
O problema é que quando eu crio uma pasta e dentro crio uma nova pagina e utilizo essa master page como modelo, ele perde a referência para a imagem que está como background da tabela. Isso acontece porque ele se refere a imagem como (background=´img/topback.jpg´) e como a nova pagina está dentro de outra pasta ele não encotra mais o caminho da imagem.
Alguem tem alguma ideía de como resolver isso?
Vlw
Carlosmaxx
Curtir tópico
+ 0
Responder
Posts
26/02/2008
Samaniego
[b:9fe99564a6]Opção 1 : O site será publicado na raiz de um domínio[/b:9fe99564a6]
Configure o Visual Studio para rodar o seu site como raiz. Nas versões mais antigas isso era complicado (http://www.bufaloinfo.com.br/dicas.asp?cod=830 ), mas nas versões atuais, a partir do service pack para o 2005, se tornou bem simples, bastando alterar a propriedade virtual path para ´/´
Para alterar a propriedade virtual path, selecione o site no solution explorer e abra a janela de propriedades.
Feita essa alteração, você poderá fazer referência a todos os elementos a partir da raiz, por exemplo, /images/minhafigura.gif
[b:9fe99564a6]Opção 2 : O site será executado em um diretório virtual abaixo do domínio[/b:9fe99564a6]
Neste caso, utilize urls absolutas já incluindo o nome do diretório virtual para o qual será feito o deployment do site. Por exemplo, se o diretório for ´meusite´ então utilize /meusite/images/minhafigura.gif
[b:9fe99564a6]Opção 3 : Desejo que meu site fique versátil com relação ao local de publicação[/b:9fe99564a6]
Este terceiro caso é, sem dúvida, o mais complexo. Se o site estiver em um diretório virtual ou na raiz, as URLs deveriam ser diferentes. Como fazer com que seja a mesma URL para ambos os casos e mais, fazer com que a mesma URL funcione que a página esteja na raiz do site ou em uma sub-pasta ? Como podem ver, temos 4 variáveis dificultando a questão.
Para objetos do servidor (asp:image ou outros objetos usando runat=´server´) existe uma saida simples : ´~/´ . Esse símbolo é utilizado no ASP.NET para representar a raiz da aplicação atual, qualquer que seja. Então se utilizarmos este símbolo nas URLs em objetos de servidor, o problema se resolve.
Mas acabamos criando outro. Não podemos transformar todas as imagens e outras referências em objetos de servidor, pois a cada transformação destas significa uma classe a mais criada no lado do servidor durante o processamento e isso não é nada bom.
Como resolver então ?
A melhor solução que encontrei foi utilizar um pequeno código ASP junto a cada referência, veja um exemplo :
Este trecho de código ASP será processado e irá gerar o caminho correto da raiz da aplicação, tornando a aplicação flexivel para estar na raiz ou em um diretório virtual qualquer.
Além disso, por ser um caminho absoluto a partir da raiz da aplicação, este formato de URL fica flexivel para ser utilizado em páginas na raiz do site e páginas contidas em sub-pastas.
Este recurso pode ser aplicado com sucesso em qualquer URL.
Achei em http://cidadaocarioca.blogspot.com/2008/02/controlando-path-de-imagens-e-etc-na.html
Configure o Visual Studio para rodar o seu site como raiz. Nas versões mais antigas isso era complicado (http://www.bufaloinfo.com.br/dicas.asp?cod=830 ), mas nas versões atuais, a partir do service pack para o 2005, se tornou bem simples, bastando alterar a propriedade virtual path para ´/´
Para alterar a propriedade virtual path, selecione o site no solution explorer e abra a janela de propriedades.
Feita essa alteração, você poderá fazer referência a todos os elementos a partir da raiz, por exemplo, /images/minhafigura.gif
[b:9fe99564a6]Opção 2 : O site será executado em um diretório virtual abaixo do domínio[/b:9fe99564a6]
Neste caso, utilize urls absolutas já incluindo o nome do diretório virtual para o qual será feito o deployment do site. Por exemplo, se o diretório for ´meusite´ então utilize /meusite/images/minhafigura.gif
[b:9fe99564a6]Opção 3 : Desejo que meu site fique versátil com relação ao local de publicação[/b:9fe99564a6]
Este terceiro caso é, sem dúvida, o mais complexo. Se o site estiver em um diretório virtual ou na raiz, as URLs deveriam ser diferentes. Como fazer com que seja a mesma URL para ambos os casos e mais, fazer com que a mesma URL funcione que a página esteja na raiz do site ou em uma sub-pasta ? Como podem ver, temos 4 variáveis dificultando a questão.
Para objetos do servidor (asp:image ou outros objetos usando runat=´server´) existe uma saida simples : ´~/´ . Esse símbolo é utilizado no ASP.NET para representar a raiz da aplicação atual, qualquer que seja. Então se utilizarmos este símbolo nas URLs em objetos de servidor, o problema se resolve.
Mas acabamos criando outro. Não podemos transformar todas as imagens e outras referências em objetos de servidor, pois a cada transformação destas significa uma classe a mais criada no lado do servidor durante o processamento e isso não é nada bom.
Como resolver então ?
A melhor solução que encontrei foi utilizar um pequeno código ASP junto a cada referência, veja um exemplo :
<img id="Image1" src="<¬=Request.ApplicationPath ¬>/Imagens/LogoHCL.gif" >
Este trecho de código ASP será processado e irá gerar o caminho correto da raiz da aplicação, tornando a aplicação flexivel para estar na raiz ou em um diretório virtual qualquer.
Além disso, por ser um caminho absoluto a partir da raiz da aplicação, este formato de URL fica flexivel para ser utilizado em páginas na raiz do site e páginas contidas em sub-pastas.
Este recurso pode ser aplicado com sucesso em qualquer URL.
Achei em http://cidadaocarioca.blogspot.com/2008/02/controlando-path-de-imagens-e-etc-na.html
Responder
Clique aqui para fazer login e interagir na Comunidade :)
