Jump to content

Search the Community

Showing results for tags 'relative'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets and other environments
    • WordPress
    • Mobile
    • Agile
    • Desenvolvimento de Games
    • Banco de Dados
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 4 results

  1. lezão

    Problemas com posicionamentos

    Boa Tarde, pessoal! Td bem com vcs? Olha eu ai novamente! Pesquisei e fucei e nada, não consegui nada, não de ficar enchendo o saco de vcs, mas qnd a corda aperta, corro aqui para um help. Estou com um código que roda perfeitamente, mas qnd eu preciso de um posicionamento, naun vai. vejam na imagem abaixo para entender? Vejam que o valor e os outros item abaixo dele, dependendo da quantidade de texto ele fica em um ponto. Gostaria que ele ficasse, com muito ou pouco texto na posição da 3ª imagem. Será possivel isso ? meu codigo CSS: .banner img { max-width: 100% !important; height: 200px; } .container-cards { flex-wrap: wrap; display: inline-flex; width: 400px; align-items: center; justify-content: center; } .box-container { /*border: 1px solid red;*/ display: flex; background: #fcfcfc; font:80%/1 Arial; font-size: 14px; border-radius: 5px; align-items: center; width: 100%; height: 80px; border: 0px solid #AAAAAA; margin: 5px; background-color: #fcfcfc; -webkit-box-shadow: 1px 3px 5px rgba(250, 242, 242, 0.77); -moz-box-shadow: 1px 3px 5px rgba(250, 242, 242, 0.77); box-shadow: 1px 3px 5px rgba(250, 242, 242, 0.77); } .box-image { width: 20%; align-items: center; display: flex; height: 100%; justify-content: left; border-right: 0px solid #AAAAAA; } .box-container .box-image img { width: 75px; height: 75px; } .box-container .box-content { align-items: left; display: flex; height: 75%; justify-content: left; flex-direction: column; padding: 10px; } .title { margin-bottom: 10px; font-size: 16px font-weight: bold; color: #000; } .description { font:80%/1 Arial; font-size: 14px; color: #8a8686; top: 50px; left: 50px; } Codigo HTML: <div class="box-container"> <section class=box-image>&nbsp; <img src="<?php echo $Foto_produto; ?>" style="border-radius:10px" width="250px" height="230px"/> </section> <section class="box-content"> <label class="title"> <div align="left"><b><?php echo strtoupper($Nome_produto); ?></b></div></label> <span class="description"><div align="left"><?php echo $Descricao_produto; ?></div></span> </section> <section class=box-image-2> <label class="title"><div align="center"><b><?php echo($Valor_produto) ?></b></div></label> <span class="description"> <div align="left"><br/> <input type="checkbox" name="sabor" id="evento_value2" value="<?php echo $Valor_produto; ?>"> <input type="hidden" name="vl_sabor" value="<?php echo $Valor_produto; ?>"> <SELECT name="qntdade" width="2"> <option value="1">1</option> <option value="2">2</option> </SELECT> </div></span> </section> </div> Desde ja muito obrigado!
  2. rafinha_sam

    Conteúdo a baixo do banner

    Bom dia, estou com dificuldade imensa ao deixar o conteudo ( div class="bg-boxes" ) a baixo do banner relativamente, tenho que colocar um margin-top para fazer com que o mesmo desça na posição ideal, porém como tenho outras paginas que não possui o banner então teria que ser relative. Já mudei as divs para position relative; e não obtive sucesso. Por favor quem poder dar uma força eu agradeço. Site mencionado a cima: http://divamoreno.pe.hu/ obs: PROJETO INTEGRADOR DA FACULDADE.
  3. AlessandroPiaz

    Float em position relative

    Fala pessoal. Em determinada pagina do meu site, criei uma sequencia de elementos, sendo um em baixo do outro, um alinhado a esquerda e outro a direita e assim procede. Mas sempre que coloco o float:right pros elementos da direita, parece que o position se comporta como absolute, mesmo sendo relative. E a organização dos elementos só fica certa com o position relative funcionando para todos. Preciso dos elementos da direita alinhados a direita e com o position relative funcionando direito. Me ajudem por favor.
  4. Olá a todos, tenho a seguinte estrutura html: <header> <div id="head"> <img id="logo" alt="Logomarca" src="../images/Logo.PNG"/> <img id="separadorReto" alt="Separador Reto" src="imagens/separadorReto.jpg"/> <h1 id="titulo">Título Principal</h1> <h2 id="subTitulo">Sub Título</h2> <span>Um slogan qualquer</span> </div> <div id="subHead"> <h1 id="tituloPers">Título da Categoria Selecionada</h1> </div> </header> configurado pelas seguintes regras css: #head{ height:180px; background:#444; } #logo{ width:150px; margin:15px 0 10px 12%; position:relative; float:left; } #separadorReto{ height:150px; width:2px; margin:20px; float:left; } #titulo{ position:relative; color:#fff; margin:0px; padding:20px 0 0 20px; } #subTitulo, span{ position:relative; color:#ccc; margin:20px 0 0 0; } #subHead{ height:60px; background:#202020; } #subHead h1{ color:#FFD605; text-align:center; margin-top:0px; padding-top:10px; float:none; } Acontece que o Título do h1 dentro da div subHead não fica centralizado na tela, como, com a div head a 180px, parece que o posicionamento de algum item acima está influenciando no h1 da div subHead que diga-se de passagem é o único Elemento dentro da div subHead. Curioso é que quando a div Head está com width=200px, o h1 do subHead está centralizado corretamente mas reduzindo 20px ocorre essa quebra de alinhamento. Alguma luz dos ilustres pares?
×

Important Information

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