Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Andre BD

<DIV> Como mudar tamanho e centralizar container?

Por , em Desenvolvimento frontend

Recommended Posts

Andre BD    0

Andre BD
Postado

Boa tarde pessoal, fiz uma caixa de texto com o comando <div> criando um container responsivo.

Ficou um pouco confuso pois ainda sou amador nesse assunto.

 

Existe alguma maneira de eu diminuir o comprimento dessa caixa de texto e centralizar ???

A imagem embaixo eu consegui mudar simplesmente com o comando  (  width="180" height="105" ) , muito simples

mas a caixa de texto não consegui.

Já procurei em alguns sites, inclui alguns comandos como <style> e mesmo assim não mudou nada.

Alguém pode me ajudar?

Obrigado

André BD

 

<!DOCTYPE HTML PUBLIC>


<html>


<head>

    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


<meta name="viewport" content="width=device-width, initial-scale=1">


<title>

</title>

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


</head>


<body>


<div class="textstyle1">


<div id="container_35965677">

<div id="container_35965677_padding" ><div class="textstyle1">  

<span class="textstyle2">Notifica&#231;&#227;o</span>
 

<span class="textstyle3">

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

<span class="textstyle4"> ...TEXTO...

</span>
</div>
</div>

</div>

<img src="rc_images/logo_ntind_jpeg.jpg" width="180" height="105" id="img_ade6698" alt="" title="" />
  </div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

quimera    13

quimera
Postado

Tenho uma sugestão para você,

primeiro vamos organizar as coisas:

Crie um arquivo reset.css, nele você vai limpar todas as formatações do HTML.

Crie um arquivo default.css, nele você vai colocar formatações padrões.

default.css:

  

.dez{width:10%;}
.quinze{width:15%;}
.vinte{width:20%;}
.vinteECinco{...}
.trinta{...}
.trintaETres{...}
.quarenta{...}
.quarentaECinco{..}
.cinquenta{...}
.cinquentaECinco{...}
.sessenta{...}
.sessentaECinco{...}
.setenta{...}
.setentaECinco{...}
.oitenta{...}
.oitentaECinco{...}
.noventa{...}
.noventaECinco{...}
.cem{...}
.clear{clear:both;}

/* SETANTO O FLOAT EM TODAS */
.dez,.quinze,.vinte,.vinteECinco,.trinta,.trintaETres,.quarenta,.quarentaECinco,.cinquenta,
.cinquentaECinco,.sessenta,.sessentaECinco,.setenta,.setentaECinco,.oitenta,.oitentaECinco,
.noventa,.noventaECinco,.cem{float:left;}

Uso: 

<div class="clear"></div><!--Impede das divs entrarem em outras-->
<div class="trintaETres">Coluna 01</div>
<div class="trintaETres">Coluna 02</div>
<div class="trintaETres">Coluna 03</div>
<div class="clear"></div><!--Impede das divs entrarem em outras-->

Daí em diante vai organizando seu CSS

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend

  • Conteúdo Similar

    • ILR master
      Fixar div até atingir uma certa altura
      Por ILR master
      Fala pessoal, tudo bem?
       
      Eu tenho o seguinte código:
       
      <script>
         $(function(){
      var jElement = $('.fixar_banner');
      $(window).scroll(function(){
          if ( $(this).scrollTop() > 120 ){
              jElement.css({
                  'position':'fixed',
                  'top':'10px'
              });
          }else{
              jElement.css({
                  'position':'relative',
                  'top':'auto'
              });
          }
      });
      });
      </script>
       
      Porém, eu quero que a div fique fixa até que outro elemento apareça na tela, tipo o rodapé da página por exemplo. É mais ou menos como a página de notícia do uol.
      https://noticias.uol.com.br/internacional/ultimas-noticias/2025/01/19/sonho-americano-brasileiros-moram-em-carro-e-buscam-comida-no-lixo-nos-eua.htm
       
      Espero ter sido claro.
       
      Obrigado :)
       
    • Alessandro Bodão
      H1 que preencha toda a largura da container
      Por Alessandro Bodão
      Fala galerinha, 
       
      Tenho um container com um título (h1) no cabeçalho do meu site, esse container ocupa metade da tela (50vw), e eu gostaria que esse título ocupasse toda a largura desse container, independente do seu tamanho ou do tamanho do monitor, de forma com que a palavra tenha exactamente o mesmo tamanho do container (vou anexar uma foto de exemplo). Já tentei todos os valores pra essa h1, como % e vw... mas nada parece fazer sentido.
       
       

    • Giovanird
      Cor da div conforme o valor do value
      Por Giovanird
      Olá a todos!
      tenho varias divs com o mesmo ID e nome de classe. Preciso que a cor da div seja conforme uma escala de valores.
      Estou tentando pegar o valor pelo nome da classe, pois as divs possuem o mesmo id e não tive sucesso. Segue script:
      <div class="planos" id="1" value="74">74</div> <div class="planos" id="1" value="29">29</div> <div class="planos" id="1" value="55">55</div> <div class="planos" id="1" value="74">74</div> <div class="planos" id="1" value="63">63</div> <div class="planos" id="1" value="55">55</div> <script type="text/javascript"> var valueElement = document.getElementsByClassName('.planos').getAttribute('value'); console.log(valueElement); if (valueElement >= "70") { document.getElementsByClassName('.planos').style.backgroundColor == '#4caf50'; } else if (valueElement >= "50" && valueElement <= "69") { document.getElementsByClassName('.planos').style.backgroundColor == '#ffbc00'; } else { document.getElementsByClassName('.planos').style.backgroundColor == '#f44336'; } </script>  
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito