Ir para conteúdo

POWERED BY:

Arquivado

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

Yuka007

Tentando centralizar um div

Por , em Desenvolvimento frontend

Recommended Posts

Yuka007    0

Yuka007
Postado

Estou tentando centralizar um div, dentro dele tem 5 imagens e quero deixar essas imagens centralizadas em meu site.

Vou deixar o código aqui, por favor me ajudem ^^

<div class="diywebContent">
		<div class="diywebLiveArea">
			<div class="diywebMainGutter">
				<div class="diyfeGridGroup diyfeCA diyfeCA1">
					<div class="diywebMain diyfeGE" />
					
						<div class="diywebGutter" />
							
        <div id="content_area" />
        	<div id="content_start"></div>
        	
        
        <div id="matrix_1279667" class="sortable-matrix" data-matrixId="1279667"><div class="n module-type-matrix diyfeLiveArea "> 

<div class="diyfeModGridGroup diyfeModGrid5">
            <div class="diyfeModGridElement diyfeModGridCol20">
            <div class="diyfeModGridContent">
                <div id="matrix_1284492" class="sortable-matrix-child" data-matrixId="1284492"><div class="n module-type-imageSubtitle diyfeLiveArea "> <div class="clearover imageSubtitle imageFitWidth" id="imageSubtitle-11897710">
    <div class="align-container align-center" style="max-width: 93px">
        <a class="imagewrapper" href="servidores/index.html">
            <img id="image_14772012" src="s/cc_images/cache_14772012e6a3.png?t=1479575219" alt="" style="max-width: 93px; height:auto"/>
        </a>

        
    </div>

</div>

<script type="text/javascript">
//<![CDATA[
jQuery(function($) {
    var $target = $('#imageSubtitle-11897710');

    if ($.fn.swipebox && Modernizr.touch) {
        $target
            .find('a[rel*="lightbox"]')
            .addClass('swipebox')
            .swipebox();
    } else {
        $target.tinyLightbox({
            item: 'a[rel*="lightbox"]',
            cycle: false,
            hideNavigation: true
        });
    }
});
//]]>
</script>
 </div><div class="n module-type-hr diyfeLiveArea "> <div style="padding: 0px 0px">
    <div class="hr"></div>
</div>
 </div></div>            </div>
        </div>
            <div class="diyfeModGridElement diyfeModGridCol20">
            <div class="diyfeModGridContent">
                <div id="matrix_1284493" class="sortable-matrix-child" data-matrixId="1284493"><div class="n module-type-imageSubtitle diyfeLiveArea "> <div class="clearover imageSubtitle imageFitWidth" id="imageSubtitle-11897714">
    <div class="align-container align-center" style="max-width: 93px">
        <a class="imagewrapper" href="index.html">
            <img id="image_14772013" src="s/cc_images/cache_14772013ed13.png?t=1477674761" alt="" style="max-width: 93px; height:auto"/>
        </a>

        
    </div>

</div>

<script type="text/javascript">
//<![CDATA[
jQuery(function($) {
    var $target = $('#imageSubtitle-11897714');

    if ($.fn.swipebox && Modernizr.touch) {
        $target
            .find('a[rel*="lightbox"]')
            .addClass('swipebox')
            .swipebox();
    } else {
        $target.tinyLightbox({
            item: 'a[rel*="lightbox"]',
            cycle: false,
            hideNavigation: true
        });
    }
});
//]]>
</script>
 </div><div class="n module-type-hr diyfeLiveArea "> <div style="padding: 0px 0px">
    <div class="hr"></div>
</div>
 </div></div>            </div>
        </div>
            <div class="diyfeModGridElement diyfeModGridCol20">
            <div class="diyfeModGridContent">
                <div id="matrix_1284494" class="sortable-matrix-child" data-matrixId="1284494"><div class="n module-type-imageSubtitle diyfeLiveArea "> <div class="clearover imageSubtitle imageFitWidth" id="imageSubtitle-11897718">
    <div class="align-container align-center" style="max-width: 93px">
        <a class="imagewrapper" href="vip/index.html">
            <img id="image_14772014" src="s/cc_images/cache_147720146a9f.png?t=1479575209" alt="" style="max-width: 93px; height:auto"/>
        </a>

        
    </div>

</div>

<script type="text/javascript">
//<![CDATA[
jQuery(function($) {
    var $target = $('#imageSubtitle-11897718');

    if ($.fn.swipebox && Modernizr.touch) {
        $target
            .find('a[rel*="lightbox"]')
            .addClass('swipebox')
            .swipebox();
    } else {
        $target.tinyLightbox({
            item: 'a[rel*="lightbox"]',
            cycle: false,
            hideNavigation: true
        });
    }
});
//]]>
</script>
 </div><div class="n module-type-hr diyfeLiveArea "> <div style="padding: 0px 0px">
    <div class="hr"></div>
</div>
 </div></div>            </div>
        </div>
            <div class="diyfeModGridElement diyfeModGridCol20">
            <div class="diyfeModGridContent">
                <div id="matrix_1284495" class="sortable-matrix-child" data-matrixId="1284495"><div class="n module-type-imageSubtitle diyfeLiveArea "> <div class="clearover imageSubtitle imageFitWidth" id="imageSubtitle-11897722">
    <div class="align-container align-center" style="max-width: 93px">
        <a class="imagewrapper" href="vip/doador/index.html">
            <img id="image_14772015" src="s/cc_images/cache_1477201510fb.png?t=1479575201" alt="" style="max-width: 93px; height:auto"/>
        </a>

        
    </div>

</div>

<script type="text/javascript">
//<![CDATA[
jQuery(function($) {
    var $target = $('#imageSubtitle-11897722');

    if ($.fn.swipebox && Modernizr.touch) {
        $target
            .find('a[rel*="lightbox"]')
            .addClass('swipebox')
            .swipebox();
    } else {
        $target.tinyLightbox({
            item: 'a[rel*="lightbox"]',
            cycle: false,
            hideNavigation: true
        });
    }
});
//]]>
</script>
 </div><div class="n module-type-hr diyfeLiveArea "> <div style="padding: 0px 0px">
    <div class="hr"></div>
</div>
 </div></div>            </div>
        </div>
            <div class="diyfeModGridElement diyfeModGridCol20">
            <div class="diyfeModGridContent">
                <div id="matrix_1284496" class="sortable-matrix-child" data-matrixId="1284496"><div class="n module-type-imageSubtitle diyfeLiveArea "> <div class="clearover imageSubtitle imageFitWidth" id="imageSubtitle-11897726">
    <div class="align-container align-center" style="max-width: 93px">
        <a class="imagewrapper" href="vote/index.html">
            <img id="image_14772016" src="s/cc_images/cache_14772016cf8f.png?t=1477674930" alt="" style="max-width: 93px; height:auto"/>
        </a>

        
    </div>

</div>

<script type="text/javascript">
//<![CDATA[
jQuery(function($) {
    var $target = $('#imageSubtitle-11897726');

    if ($.fn.swipebox && Modernizr.touch) {
        $target
            .find('a[rel*="lightbox"]')
            .addClass('swipebox')
            .swipebox();
    } else {
        $target.tinyLightbox({
            item: 'a[rel*="lightbox"]',
            cycle: false,
            hideNavigation: true
        });
    }
});
//]]>
</script>
 </div><div class="n module-type-hr diyfeLiveArea "> <div style="padding: 0px 0px">
    <div class="hr"></div>
</div>
 </div></div>            </div>
        </div>
        <div style="clear: both;"></div>
</div>
 </div><div class="n module-type-htmlCode diyfeLiveArea ">  </div></div>
        
        
        </div>
        
						</div>
					</div>
					<div class="diywebSecondary diyfeCA diyfeCA3 diyfeGE">
						<div class="diywebNav diywebNav23">
							<div class="diywebGutter">
								<div class="webnavigation"></div>
							</div>
						</div>
						
						
						
						<div class="diywebSidebar diyfeCA3"> </div><!-- .diywebSidebar -->
					</div><!-- .diywebSecondary -->
				</div>

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>  
       
    • GOD
      Div Noticias com RSS
      Por GOD
      Quero um código div ou qualquer outra forma, para atingi esse resultado do link
       https://drive.google.com/file/d/0B8Ssi9zuKdQWMExWeVpGUXN0MlRsUzdmdGRuTFl2eU1yejB3/viewocal
       
      Para ficar nesse local.
      https://drive.google.com/file/d/0B8Ssi9zuKdQWeGZSSnVBaFBxM1FUN1hEeWdrRzhTNWI0Q01Z/view
       
      Meu objetivo é que em cada quadro da div, fique uma noticia de um site especifico, que pretendo colocar através de plugin rss.
       
       
      Enfim espero uma ajuda sobre como posso fazer isso
       
       
    • TkCode
      Criação de código para calcular valores de uma tabela
      Por TkCode
      Estou tentando desenvolver um código para calcular o valor final de custas de imoveis.
      Exemplo: Entro com um valor de R$50.000,00. Tem o ITBI que é 2% sob os R$50.000,00 + o valor de custas que é o valor de uma tabela (essa tabela tem valores que de R$0,01 até R$17.800,90 é uma valor, e assim sucessivamente)
       
      Então teria que calcular os 2% (do valor informado) + o valor da tabela, dando um resultado final com o valor total (2%+ValorTabela).
       
      Alguem teria como me dar uma dica de como resolver isso?
      Desde já agradeço!
×

Informação importante

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

  Aceito