AJUDA COM HTML ASP.NET

KURTGU 04/01/2017 17:45:13
#470355
Estou com um problema ja modifiquei as Div mas não consigo entender o por que ele não estender o background até embaixo...

Imagem de como esta ficando...



<%@ Page Language=[Ô]vb[Ô] AutoEventWireup=[Ô]false[Ô] CodeBehind=[Ô]Principal.aspx.vb[Ô] Inherits=[Ô]TESTE._Default[Ô] %>

<!DOCTYPE html>

<html xmlns=[Ô]http://www.w3.org/1999/xhtml[Ô]>
<head runat=[Ô]server[Ô]>
    <meta charset=[Ô]utf-8[Ô]/>
    <meta http-equiv=[Ô]X-UA-Compatible[Ô] content=[Ô]IE=edge[Ô]/>
    <meta name=[Ô]viewport[Ô] content=[Ô]width=device-width, initial-scale=1[Ô]/>
  
    <title>INTEGRADOR UBS</title>

    <!-- Bootstrap -->
    <link href=[Ô]Content/bootstrap.min.css[Ô] rel=[Ô]stylesheet[Ô]/>
    <link href=[Ô]Content/Custom-Cs.css[Ô] rel=[Ô]stylesheet[Ô] />

    <style type=[Ô]text/css[Ô]>
        .bgimg {
            background-image: url([ô]Imagem/Background.png[ô]);
        }
    </style>

</head>

<body>
    <form id=[Ô]form1[Ô] runat=[Ô]server[Ô]>
        [txt-color=#e80000]<div class=[Ô]bgimg[Ô]>[/txt-color]

            <div class=[Ô]navbar navbar-default navbar-fixed-top[Ô] role=[Ô]navigation[Ô]>
                <div class=[Ô]container[Ô]>
                    <div class=[Ô]navbar-header[Ô]>
                        <img alt=[Ô]Logo[Ô] src=[Ô]Imagem/Logo.png[Ô] height=[Ô]45[Ô] />
                    </div>
                    <div class=[Ô]navbar-collapse collapse[Ô]>
                        <ul class=[Ô]nav navbar-nav navbar-right[Ô]>
                            <li><a href=[Ô]#[Ô]>Unidade:
                                <asp:Label ID=[Ô]lblunidade[Ô] runat=[Ô]server[Ô] Text=[Ô]Unidade[Ô]></asp:Label></a></li>
                            <li><a href=[Ô]#[Ô]>Unidade Destino:
                                <asp:Label ID=[Ô]lblunidadedestino[Ô] runat=[Ô]server[Ô] Text=[Ô]Destino[Ô]></asp:Label></a></li>
                            <li><a href=[Ô]#[Ô]>Usuário Logado:
                                <asp:Label ID=[Ô]lblusuario[Ô] runat=[Ô]server[Ô] Text=[Ô]Usuário[Ô]></asp:Label></a></li>
                        </ul>
                    </div>
                </div>
            </div>


            <div class=[Ô]navbar navbar-default navbar-fixed-bottom[Ô]>
                <div class=[Ô]container[Ô]>
                    <div class=[Ô]navbar-collapse collapse[Ô]>
                        <ul class=[Ô]nav navbar-nav navbar-left[Ô]>
                            <li><a href=[Ô]#[Ô]>Desenvolvido pela CEINFO Parelheiros  </a></li>
                        </ul>

                        <ul class=[Ô]nav navbar-nav navbar-right[Ô]>
                            <li><a href=[Ô]#[Ô]>Desenvolvedor Dario Ferreira França </a></li>
                        </ul>
                    </div>
                </div>
            </div>



            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />

            <div class=[Ô]container center[Ô]>
                <div class=[Ô]row[Ô]>
                    <div class=[Ô]col-lg-6[Ô]>
                        <img class=[Ô]img-circle[Ô] src=[Ô]Imagem/Paciente.png[Ô] alt=[Ô]thumb01[Ô] width=[Ô]140[Ô] height=[Ô]140[Ô] />
                        <h2>ENCAMINHAR PACIENTE </h2>
                        <p>CLIQUE AQUI PARA ENCAMINHAR O PACIENTE PARA A UNIDADE DE DESTINO, PREENCHA TODOS OS DADOS POIS PARA A MELHOR INDENTIFICAÇÃO DO PACIENTE E NESESSARIO QUE TODOS OS DADOS ESTEJAM CORRETAMENTE PREENCHIDOS.</p>
                        <p><a class=[Ô]btn btn-primary btn-block[Ô] href=[Ô]#[Ô] role=[Ô]button[Ô]>ABRIR »</a></p>

                    </div>
                    <div class=[Ô]col-lg-6[Ô]>
                        <img class=[Ô]img-circle[Ô] src=[Ô]Imagem/Paciente.png[Ô] alt=[Ô]thumb02[Ô] width=[Ô]140[Ô] height=[Ô]140[Ô] />
                        <h2>ACOMPANHAR PACIENTES </h2>
                        <p>CLIQUE AQUI PARA ACOMPANHAR TODOS OS PACIENTES QUE FORAM ENCAMINHADOS PELA SUA UNIDADE PARA A UNIDADE DE DESTINO, E VER O QUE FOI FEITO COM ESTE PACIENTE, CASO O STATUS AINDA ESTAJA INDEFINIDO AGUARDE.</p>
                        <p><a class=[Ô]btn btn-primary btn-block[Ô] href=[Ô]#[Ô] role=[Ô]button[Ô]>ABRIR »</a></p>
                    </div>
                </div>
            </div>
        [txt-color=#e80000]</div>[/txt-color]

    </form>
   
    <script src=[Ô]https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js[Ô]></script>
    <script src=[Ô]Script/bootstrap.min.js[Ô]></script>

</body>
</html>
KERPLUNK 04/01/2017 18:01:50
#470356
1 - Ainda não aprendeste a diferenciar [Ô]mas[Ô] e [Ô]mais[Ô]
2 - Tente modificar o tamanho no estilo:

    <style type=[Ô]text/css[Ô]>
        .bgimg {
            background-image: url([ô]Imagem/Background.png[ô]);
            height: 100%;
            width: 100%;
        }
    </style>
KURTGU 04/01/2017 18:17:30
#470357
Citação:

:
1 - Ainda não aprendeste a diferenciar [Ô]mas[Ô] e [Ô]mais[Ô]
2 - Tente modificar o tamanho no estilo:


    <style type=[Ô]text/css[Ô]>
        .bgimg {
            background-image: url([ô]Imagem/Background.png[ô]);
            height: 100%;
            width: 100%;
        }
    </style>



Desculpa mano pelo mais, tentei desta forma ai mais continua do mesmo tamanho...
KERPLUNK 04/01/2017 18:25:41
#470358
Então tenta:

    <style type=[Ô]text/css[Ô]>
        .bgimg {
            background-image: url([ô]Imagem/Background.png[ô]);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
    </style>
KURTGU 04/01/2017 18:34:16
#470360
Kerpluck parece que esta dividindo, ele so esta aplicando na parte de cima ja tentei varias coisas..com este codigo que passou ele aplica mais somente na parte de cima... nao sei se alguma div que esta impedindo dele aplicar em tudo... No primeiro codigo marquei aonde comeca e termina a div do background.

<style type=[Ô]text/css[Ô]>
.bgimg {
background-image: url([ô]Imagem/Background.png[ô]);
background-size: 100% 100%;
background-repeat: no-repeat;
}
</style>
OCELOT 04/01/2017 19:53:34
#470361 Resposta escolhida
Você está aplicando o background em um div que só vai até a metade da página, então não tem o que fazer, e não adianta querer mudar o tamanho dele com porcentagens, ele está dentro de outro elemento que não ocupa a página toda também.

Se quer que ele pegue a página toda aplique o background ao body em vez de um div
KURTGU 04/01/2017 20:20:45
#470363
Citação:

:
Você está aplicando o background em um div que só vai até a metade da página, então não tem o que fazer, e não adianta querer mudar o tamanho dele com porcentagens, ele está dentro de outro elemento que não ocupa a página toda também.

Se quer que ele pegue a página toda aplique o background ao body em vez de um div



Ocelot sabe me dizer como consigo corrigir isto? Já tentei aplicar diretamente no Body...
KERPLUNK 04/01/2017 21:22:01
#470366
Experimente colocar o form dentro da div e não como está.
KERPLUNK 04/01/2017 21:24:53
#470368
Outra coisa importante, coloque os scripts do JQuery e do Bootstrap no início, na sessão HEADER, logo após as referências dos CSS
KURTGU 04/01/2017 21:43:51
#470369
Citação:

:
Experimente colocar o form dentro da div e não como está.



Tinha feito desta forma já mas não deu resultado.
KURTGU 04/01/2017 21:46:22
#470370
Citação:

:
Outra coisa importante, coloque os scripts do JQuery e do Bootstrap no início, na sessão HEADER, logo após as referências dos CSS



Vlw pela dica já modifiquei.
Página 1 de 2 [12 registro(s)]
Tópico encerrado , respostas não são mais permitidas
Voltar