locked
imagem em uma masterpage RRS feed

  • Pergunta

  • Olá para todos,

     

    Sou desenvolvedor e entendo pouco da parte de apresentação, mais preciso fazer um site e estou com o seguinte problema :

    - Tenho uma masterpage onde tenho um if de sessao

    - Tenho uma página default que herda dessa masterpage nela tudo aparece perfeitamente, nesta página default entro com campos para o usuario se logar, caso seja positivo monto um menu dinamico, e redireciono para outra página.

    Eis o meu problema qdo redireciono para essa outra página a parte lateral direita(imagem) não aparece e além do mais ele deixa a parte do container mais baixa ja coloquei no css position : absolute, relative e a que ficou melhor foi a fixed, sendo que fica muito a esquerda.

     

    no meu css essa imagem a direita que nao aparece está assim

     

    background-image: url(../Imagens/BG_Menu_01.gif);
    	background-repeat: repeat-x;

    Essas páginas estão na mesma página ou seja na raiz.

     

    Alguem poderia dizer o que pode ser ?

     

     


    Junior
    segunda-feira, 22 de março de 2010 19:59

Todas as Respostas

  • Mapeamento da imagem.
    Se você montou uma estrutura do tipo, páginas dentro de uma pasta "forms" por exemplo, enquanto a masterpagefica fora, o mapeamento das imagens fica bugado.

    O ideal no seu caso é fazer o seguinte:
    Clique com o botão direito em seu WebSite (no Solution Explorer), selecione ADD ASP.NET FOLDER, e escolha Theme. Dentro dela, insira um nome (MeuTema), e dentro dessa pasta, coloque seu CSS e quaqluer imagem utilizada no projeto.

    No CSS, tire todo o mapeamento dinâmico (../   ./    ~/) e deixe apenas o nome da imagem:

    Antes: background-image: url(../Imagens/BG_Menu_01.gif);
    Depois: background-image: url(BG_Menu_01.gif);

    Agora, vá no Web.Config, procure a tag <page> e adicione <page theme="MeuTema"> (o nome que você deu para a pasta App_Themes.

    Pronto!
    Não terá problema com mapeamento de imagens ao longo do projeto. E o dia em que precisar remodelar o visual, basta efetuar todo esse processo com uma nova pasta no App_Theme


    Ph
    terça-feira, 23 de março de 2010 11:53
  • Raphael, obrigado pela resposta, mais queria saber o motivo pois as duas páginas estão na raiz nao em pasta agora a masterpage e o css e as imagens estão em pastas.

    Acredito que o problema está qdo monto o menu que é o menu do asp mesmo, pois na segunda página não montei o menu e ficou tudo normal, agora qdo monto o menu a figura a direita é a moldura some.

    Coloquei width e heigth para o menu e tb no css do menu mais não tem jeito, ele sempre some, acho que como se o menu fosse muito grande e afastasse pra direita a moldura e por isso ela some.

    Meu css está assim

    #Menu
    {
    	top:38px;
    	left:0px;
    	height: 50px;
    	width: 300px;
    	font-family: Verdana; 
    	font-size: 8px;
    	position: absolute; 
    }

     

     


    Junior
    terça-feira, 23 de março de 2010 17:18
  • Cara, só olhando o que você fez para achar o problema. o problema está em colocar masterpage dentro de pasta, paginas foras e talz... mapeando fica mudando..


    Ph
    terça-feira, 23 de março de 2010 17:37
  • Raphael, só perguntei pra saber caso vc tenha passado por algo parecido.

    Como falei antes, as duas páginas estão na raiz, (default1.aspx,default2.aspx)

    na default1.aspx  tem um botao que redirecionei para a default2.aspx. 

    se nao monto o menu na default2.aspx fica tudo beleza, minha figura fica com as molduras a esquerda e direita, perfeito,

    Se monto o menu na default2.aspx a moldura a direita simplesmente some.

    só esse o problema.

     


    Junior
    terça-feira, 23 de março de 2010 18:10