IMAGEM NA MASTER

ONBASS 28/07/2011 08:42:59
#380171
Bom dia,

pessoal, comecei fazer uns testes aqui..tipo ja vi em muitos sites uma imagem prenchendo todo o background, sem repetir.. porem ao que me consta webforms ou masterpages nao tem a propriedades width e height, como eu falo pra ajustar a imagem para o tamanho total da master page?
como na imagem em anexo, quero deixar como na situação 2.
KERPLUNK 28/07/2011 08:57:05
#380172 Resposta escolhida
Isso não é um propriedade da [Ô]MasterPage[Ô] e sim da tag BODY do html
ONBASS 28/07/2011 09:02:16
#380174
amigo KERPLINK, é vrdd coloquei errado...

mesmo assim ainda nao consegui usar as tags background para o referido ajuste, ja tentei varios e nada, sempre repete... se algum companheiro puder dar essa força ae...
KERPLUNK 28/07/2011 09:06:49
#380176
Use esse CSS:
body {
background:url([Ô]images/suaimagem.jpg[Ô]);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom center;
}
ONBASS 28/07/2011 09:26:01
#380180
vlw brother, vo testar em casa e retorno. grato
FILMAN 28/07/2011 12:43:52
#380209
Isso funciona corretamente tera que usar um CSS mesmo

No entanto vai depender do tamanho da sua imagem se ela for pequena mantera o mesmo tamanho! e não enquadrara na tela toda


Faça como o KERPLUNK disse e tera seu resultado!

<html>
<read>
<style type=[Ô]text/css[Ô]>
body {
background:url([Ô]image.png[Ô]);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
</style>
<title></title>
</read>
<body>
</body>
</html>
ONBASS 18/08/2011 17:48:32
#382017
Pessoal boa noite,

por incrivel q pareça ainda nao consegui, a imagem fica apenas no centro e não estendida.

a estrutura tá assim:

  
<body >
    
    <div id=[ô]tudo[ô]>
    fundo..
        <div class=[ô]topo[ô] >
        topo..
        </div>

        <div class=[ô]nav[ô]>
            navega..
        </div>
        
        <div class=[ô]conteudo[ô]>
                conteudo..
            <form id=[Ô]form1[Ô] runat=[Ô]server[Ô]>
            <asp:ContentPlaceHolder ID=[Ô]ContentPlaceHolder1[Ô] runat=[Ô]server[Ô]>
          

            </asp:ContentPlaceHolder>
            </form>
        </div>

        <div class=[ô]rodape[ô]>
        rodapé...
        </div>

    </div>
</body>
ONBASS 18/08/2011 22:33:49
#382036
pessoal desculpa o incomodo por hora mas ainda nao consegui...
já tentei com imagens de diferentes tamanhos e nada...

ja fui pelo assistente e tambem na bruta, smpre fica no centro sem esticar..
FILMAN 18/08/2011 23:54:38
#382045 
<!DOCTYPE html PUBLIC [Ô]-//W3C//DTD XHTML 1.0 Strict//EN[Ô] [Ô]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[Ô]>
<html xmlns=[Ô]http://www.w3.org/1999/xhtml[Ô] lang=[Ô]pt-br[Ô]>
<head>
    <title>Background</title>
    <meta http-equiv=[Ô]content-type[Ô] content=[Ô]text/html; charset=iso-8859-1[Ô]/>
    <style type=[Ô]text/css[Ô]>
        *{margin:0px; padding:0px;}
        html, body { height: 100%; OverFlow: hidden;}

        #bg { width: 100%; height: 100%; position: absolute; top:0; left:0; z-index:0;}

        #content { width: 100%; height: 100%; position: absolute; top:0; left:0; z-index:1; overflow:auto;}

        #principal { width: 950px; height: 700px; margin:0 auto; background: #fff; opacity:0.5;}
</style>
</head>
<body>
    <img src=[Ô]image.jpg[Ô] id=[Ô]bg[Ô] />
    <div id=[Ô]content[Ô]>
        <div id=[Ô]principal[Ô]></div>
    </div>
</body>
</html>





Tenta ai vê se funciona


Fonte:
www.mxmasters.com.br
ONBASS 19/08/2011 01:36:45
#382049
FILMAN,

eu tinha visto este exemplo num video pra asp, ae funciona normal, só nao testei em asp.net

na vrdd queria ver se funfava sem usar o img direto, apenas com background do objeto, mas vo testar pra ver..

vlw[ô]s
KERPLUNK 19/08/2011 09:40:26
#382056
ASP, ASP.NET, tanto faz! Tudo vai virar HTML no final
Tópico encerrado , respostas não são mais permitidas
Voltar