none
Problema al establecer las imagenes de fondo de las páginas RRS feed

  • Pregunta

  • Hola, estoy haciendo un sitio que incluye páginas maestras y que por temas de seguridad incluyen formularios web en directorios distintos, y el problema que se me presenta es, dado que todos los formularios tanto los de la raíz del sitio como los de los subdirectorios comparten la misma maestra es como hacer que la referencia a la imagen de fondo es la hoja de estilos sea relativa a la raiz del sitio, porque me deja poner ../../Imagenes y no ~/ pero para los formularios que están en subdirectorios serían ../../../Imagenes, hay alguna otra forma de hacerlo relativo para todo el conjunto.

    un saludo

     

    miércoles, 10 de agosto de 2011 7:45

Respuestas

  • hola

    podrias poner en el codigo de la pagina maestra pondrias asignar la url de la imgen usando

    ResolveUrl Method

     

    de esta forma si a este metodo le pasas el ~/imagenes/image1.jpg este lo resolvera uniformamente sin importar el nivel

    pero harias la asignbacion desde codigo

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    miércoles, 10 de agosto de 2011 12:03
  • Hola.
    Puedes hacerlo de dos formas aunque en definitiva son lo mismo.
    • Incluir dentro de cada página de formulario el código Css que modifique la imagen de fondo
    <style>
      body
      {
        background-image: url('Tuimagen.xxx');
      }
    </style>
    • Hacer lo mismo, pero dentro de diferentes archivos de css y los instancias desde cada una de las páginas de formulario.

    <link rel="stylesheet" type="text/css" href="archivo1.css" />


    "En los momentos de crisis, sólo la imaginación es más importante que el conocimiento"
    miércoles, 10 de agosto de 2011 10:01
  • Hola un ejemplo de lo que dice Leandro

     

    #tdFooter

    {

     

    background-image:url(<%=ResolveClientUrl("~/Imagenes/fondo_footer.jpg") %>)

    ;

     

    background-repeat: repeat-x

    ;

     

    height: 19px

    ;

     

    width: 100%

    ;

     

    vertical-align: middle

    ;

    }


    David
    miércoles, 10 de agosto de 2011 13:37
  • claro, bien esa es una vuelta de tuerca

    habia pensado en que se podia hacer desde el codigo .net del master page

    pero si funciona con

    background-image:url(<%=ResolveClientUrl("~/Imagenes/fondo_footer.jpg") %>)

    es algo aun mas simple


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    miércoles, 10 de agosto de 2011 14:02

Todas las respuestas

  • Hola.
    Puedes hacerlo de dos formas aunque en definitiva son lo mismo.
    • Incluir dentro de cada página de formulario el código Css que modifique la imagen de fondo
    <style>
      body
      {
        background-image: url('Tuimagen.xxx');
      }
    </style>
    • Hacer lo mismo, pero dentro de diferentes archivos de css y los instancias desde cada una de las páginas de formulario.

    <link rel="stylesheet" type="text/css" href="archivo1.css" />


    "En los momentos de crisis, sólo la imaginación es más importante que el conocimiento"
    miércoles, 10 de agosto de 2011 10:01
  • hola

    podrias poner en el codigo de la pagina maestra pondrias asignar la url de la imgen usando

    ResolveUrl Method

     

    de esta forma si a este metodo le pasas el ~/imagenes/image1.jpg este lo resolvera uniformamente sin importar el nivel

    pero harias la asignbacion desde codigo

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    miércoles, 10 de agosto de 2011 12:03
  • Hola un ejemplo de lo que dice Leandro

     

    #tdFooter

    {

     

    background-image:url(<%=ResolveClientUrl("~/Imagenes/fondo_footer.jpg") %>)

    ;

     

    background-repeat: repeat-x

    ;

     

    height: 19px

    ;

     

    width: 100%

    ;

     

    vertical-align: middle

    ;

    }


    David
    miércoles, 10 de agosto de 2011 13:37
  • claro, bien esa es una vuelta de tuerca

    habia pensado en que se podia hacer desde el codigo .net del master page

    pero si funciona con

    background-image:url(<%=ResolveClientUrl("~/Imagenes/fondo_footer.jpg") %>)

    es algo aun mas simple


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    miércoles, 10 de agosto de 2011 14:02