Jump to content

Archived

This topic is now archived and is closed to further replies.

snkGOD

POSICIONAR DIV

Recommended Posts

Olá!

 

Como sou novo na área e estou aprendendo, gostaria que alguém me ajudasse com o problema de posicionar DIV's. Como podem ver na imagem, o número 1 a posicão do fundo_menu não está tomando toda tela, sobra um espaço ali no canto, no numero 2 é possível ver que pode-se arrastar a barra para lateral. Isso é um dos problemas, mas o que mais está me incomodando é a questão de número 3, pois não consigo posicionar uma DIV (fundo_denuncia) ali no canto, no quadrado azul, tento posicionar, mas ela sempre passa e aumenta ainda mais a área da página, como também podem ver no numero 2. Gostaria de saber como faço para posicionar essa div(fundo_denuncia) ali no canto direito e como faço pra preencher aquele espaço sobrando no numero 1 e que esse fundo_menu não aumente o tamanho da página.

 

Segue o código que fiz:

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>BABACAS NEWS</title>
</head>

<style>
    body{
        background-color: #161616;
    }
    
    #fundo_denuncia{
        margin: 0;
        padding: 0;
        background-color: #172240;
        position: absolute;
        width: 150px;
        height: 40px;
        top: 55px;
        left: 100%;
        z-index: 2;
    }
    
    
    #fundo_menu{
        
        background-color: #DF3F41;
        position: absolute;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 40px;
        top: 55px;
        opacity: 0.90;
    
    }    
    
    
    #logo{
    
    margin: 0;
    padding: 0;
    position: absolute;
    top: 5px;
    left: 50px;
            
    }

    #menu ul{
        position: absolute;
        padding: 10px 10px 10px 10px;
        list-style: none;
        display: block;
        float: left;
        }
    
    #menu li{
        
        float: left;
        position: relative;
        left: 400px;
        top: 6px;
        padding: 0px 50px 0px 0px;
        
    }
    
    #menu li a{
        
        font-family: "Arvo";
        color:aliceblue;
        text-decoration: none;

    }
    
    #menu li a:hover{
        
        color: #172240;
        transition: 0.5s;
    }
    
    
    </style>
<body>
<div id="fundo_denuncia"> </div>
<div id="fundo_menu"> </div>
    
<div id="logo"><a><img src="images/logo site.png"></a></div>

<div id="menu">
        <ul>
        <li><a href="#">Início</a></li>
        <li><a href="#">História</a></li>
        <li><a href="#">Notícias</a></li>
        <li><a href="#">Ranking</a></li>
        <li><a href="#">MT</a></li>
        <li><a href="#">SxC</a></li>
        <li><a href="#">Inscrições</a></li>
        </ul>
            
    </div>    
    
</body>
</html>

 

 

Screenshot_3.png

Share this post


Link to post
Share on other sites

  • Similar Content

    • By ROGERIO MOREIRA
      Olá,
       
      preciso gerar listagem do meu banco de dados mas preciso definir um certo item como cabeça na pesquisa:
       
      ex:
      quero listar meus registros em orderm de:
       
      primeiro ESTADO    (ordem alfabetica)
      depois    CIDADE     (ordem alfabetica)
      depois    BAIRRO,    porém, quero colocar CENTRO em primeiro, depois os outros bairros
       
    • By Sapinn
      Estou usando o editor SummerNote em um projeto mas ele não está enviando os dados com o HTML apenas o texto. Eu estou colocando assim:

               
                                        <textarea id="summernote" class="textarea" required name="content">     <script> $('#summernote').summernote({         tabsize: 2,         height: 500,         toolbar: [           ['style', ['style']],           ['font', ['bold', 'underline', 'clear']],           ['color', ['color']],           ['para', ['ul', 'ol', 'paragraph']],           ['table', ['table']],           ['insert', ['link', 'picture', 'video']],           ['view', ['fullscreen', 'codeview', 'help']]         ]       });           </script>  
       
    • By marcelo.ourico
      Boa noite. Pessoal, mais uma vez aqui pedindo uma ajuda.

      Estou tentando enviar uma NFSe via SOAP.

      Estou recebendo o seguinte erro:

      Fatal error: Uncaught SoapFault exception: [SOAP-ENV:Client] ERRO : cvc-complex-type.4: Attribute 'Algorithm' must appear on element 'ns2:CanonicalizationMethod'. in

      O meu Array está da seguinte forma:
      Array
      (
      [CanonicalizationMethod] => Array
      (
      [@attributes] => Array
      (
      [Algorithm] => http://www.w3.org/TR/2001/REC-xml-c14n-20010315
      )
      )

      Não entendi o porque desse erro, alguém sabe ajudar?
    • By Sapinn
      Galera estou usando o PHPStorm para alguns projetos e estou com meus arquivos marcados em vermelho não sei oq é alguem pode me ajuda?
       
       

    • By danielambrosio
      Estou trabalhando numa programação PHP é conectado na tabela (cl_configs) para reconhece coluna name que reconhece esses 5 campos.
      e também que adiciona esses 5 valores é adicionado nessa outra tabela (cl_ads_block_ips) nesses 8 coluna (id, ip, clicks, last_click, dads_refresh_qtd, dads_refresh_data, dads_refresh_ldata, clicks_rotativo_dia).
      E a conexão que eu usa era de outro site e não estou tendo problema e configurar em outro site que reconhece essa banco de dados abaixo.
       
      <?php $host = "localhost"; $user = "ads"; $pass = "_CMpFF4Hpa!G_gTh"; $dbname = "ads"; $port = 3306; try {     $conn = new PDO('mysql:host=' . $host . ';port=' . $port . ';dbname=' . $dbname, $user, $pass);     //echo "Conexão com banco de dados realizado com sucesso!"; } catch (PDOException $err) {     echo "Erro: Conexão com banco de dados não foi realizada com sucesso. Erro gerado " . $err->getMessage(); } ?>  
      Conecta com sucesso só não está reconhecendo a tabela (cl_configs) e nem adicionando na tabela (cl_ads_block_ips).
       
       
      Agora não sei porque não esta reconhecendo (cl_configs) e nem adicionando (cl_ads_block_ips).
       
       


×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.