Jump to content

Search the Community

Showing results for tags 'posicionamento'.



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
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

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 6 results

  1. JulioCesar12

    Posicionamento de elementos

    Estou desenvolvendo um site teste, mais pra treinar mesmo, e estou tendo dificuldades em acabar com a distância da imagens (duvida.png), se executarem vão ver que uma delas está muito distantes do rodapé e a outra está muito longe do cabeçalho, queria saber como posso melhorar o espaçamento, desde já obrigado. <html> <head> <title> </title> <link href="Estilo.css " rel="stylesheet"> </head> <body> <div class="cabeçalho"> <div class="limite"> <img src="icone.png" class="logo"/> <nav id="menu"> <ul> <li><a href="#"> <img src="icone.png" class="icon-menu"> </a></li> <li><a href="#"> <img src="icone.png" class="icon-menu"> </a></li> <li><a href="#"> <img src="icone.png" class="icon-menu"> </a></li> <li><a href="#"> <img src="icone.png" class="icon-menu"> </a></li> <li><a href="#"> <img src="icone.png" class="icon-menu"> </a></li> </ul> </nav> </div> </div> <div class="limite"> <div class="direita"> <h1>JAVASCRIPT</h1> <h4> é uma linguagem de programação interpretada. Foi originalmente implementada como<br/> <p> parte dos navegadores web para que scripts pudessem ser executados do lado do cliente e interagissem<br/> com o usuário sem a necessidade deste script passar pelo servidor, controlando o navegador, realizando comunicação</br> assíncrona e alterando o conteúdo do documento exibido.</h4> </p> <img src="duvida.png" class="duvida"> <h1>CSS</h1> <h4> Cascading Style Sheets é um simples mecanismo para adicionar estilo a um documento web. Em vez de colocar a formatação dentro do documento, o CSS cria um link para uma página que contém os estilos.</h4> </p> <img src="duvida.png" class="duvida"> </div> </div> <div class="esquerda"> <img src="duvida.png" class="duvida"> <h1>HTML</h1> <h4> é o formato padrão para criação de páginas online e aplicações de web.<br/> <p> Em conjunto com o CSS e Javascript,eles formam as pedras principais para a World Wide Web.</p> </h4> </div> </div> <div class="rodape"> <div class="limite"> Final </div></div> </body> </html> <!--**Some Address 987,</br></br> +34 9054 5455, </br></br> Madrid, Spain. <a href="#" id="link"> Dribble </a></br></br> <a href="#" id="link"> Twitter </a></br></br> <a href="#" id="link"> Facebook</a> </td> This cute theme was created to showcase your</br></br> work in a simple way. Use it wisely. </td> !--> <!--<h1><p>Hi, I am Stanley! </p></br> </h1> <h5><p>Hello everybody. I'm Stanley, a free handsome bootstrap theme coded by BlackTie.co. A really simple </br> theme for those wanting to showcase their work with a cute & clean style.</p></br> Please, consider to register to <a href="#" id="link">our newsletter</a> to be update with our latest themes and freebies. Like </br> always, you can use this theme in any project freely. Share it with your friends. </h5>!--> css: *{ margin: 0; padding:0; } body{ background-image: url("fundo.jpg"); font-family: Arial; background-size: 100%; background-repeat: no-repeat; background-attachment: fixed; } .limite{ margin: 0 auto; position: relative; width: 85%; } .cabeçalho{ background-color: #000000; height: 70px; width: 100%; position: fixed; z-index: 3; top:0; } #menu ul{ list-style: none; float: right; } #menu ul li{ display: inline-block; margin-left: 60px; } #menu ul li a { color: white; text-decoration: none; font-weight: bold; font-size: 22px; text-transform: uppercase; } .logo{ width: 70px; float: left; } .icon-menu{ width: 70px; } .esquerda{ margin-top: 150px; margin-bottom: 100px; width: 500px; margin-left: 100vh; } .direita{ margin-top: 150px; width: 500px; margin-right: 100vh; } .duvida{ width: 100%; height: 35%; } .rodape{ position: relative; width: 100%; height: 150px; background-color: #000000; z-index: 2; color: white; font-size: 50px; }
  2. gostaria de posicionar a divs, igual está na imagem, estou usando html, css e bootstrap. oq eu quero fazer é colocar um video(o bloco maior) e video menores(blocos menores).
  3. Estou tentando posicionar os elementos fora da div aplicando uma margem negativa, mas quando faço isso, o elemento fica "por baixo" da div e não por cima. Como gostaria que ficasse: (inputs) Como realmente está ficando: Como pode ver pela seleção, o conteúdo está fora da div, mas não está aparecendo. Tentativas: já apliquei position:relative e coloquei um z-index: 2; no form para ficar em cima, mas não deu certo. Alguém tem uma ideia?
  4. Olá Pessoal, Recentemente meu site passou por alguns períodos de instabilidade, em menos de uma semana, ocorreu duas vezes tempo de inatividade, nos dias seguintes após o fato, recebi diversos erros 500 no webmaster tools, no qual todos foram marcados como resolvido, e não retornaram. Os erros praticamente foram resolvidos rapidamente. O primeiro foi resolvido em aproximadamente 6 horas e outro em menos de 1 hora. Mas o problema onde gostaria de chegar foi que a partir de ontem 10/01 meu trafego caiu drasticamente, aproximadamente 70%. O trafego deve voltar como antes? se sim, quanto tempo leva aproximadamente? Obs: O site não tem ações manuais/penalizações.
  5. Boa tarde galera, preciso muito da ajuda de vocês. Em um blog coloquei um menu que possui categorias (aba) e logo abaixo dele tem um slider, só que os links da categorias estão aparecendo por baixo da caixa de título do slider. Como resolver? Link: https://marianacalazansg.blogspot.com.br/ edit: Eu consegui resolver colocando z-index e position.
  6. joaohenrique010

    [CSS] Problema com posicionamento

    Esse é o código HTML: <div id="body"> <a href="">Biologia 1</a> <a href="">Biologia 2</a> <a href="">Filosofia</a> <a href="">Física 1</a> <a href="">Física 2</a> <a href="">Geografia</a> <a href="">História</a> <a href="">História da Arte</a> <a href="">Inglês</a> <a href="">Literatura</a> <a href="">Matemática 1</a> <a href="">Matemática 2</a> <a href="">Português</a> <a href="">Química 1</a> <a href="">Química 2</a> <a href="">Sociologia</a> </div> Esse é o código CSS: #body { position: relative; top: 125px; padding: 30px; text-align: center; } #body a { text-decoration: none; display: inline-block; text-align: center; width: 140px; font-size: 20px; padding: 10px; border-radius: 2px; color: white; background: #34495e; font-weight: bold; box-shadow: 0px 1px 4px #888888; transition: 0.2s ease-out; } #body a:hover { background: #2c3e50; } Este é o resultado (width da tela 1200px) Este é o resultado para width menor que 430px: O problema é que, na segunda foto, visivelmente, Química 2 e Sociologia estão desalinhados. Quando, no CSS, em #body, retirei o "text-align:center;", tudo ficou alinhado certinho, mas preciso desse alinhamento para que o site continue responsivo (o site está sendo feito alinhado ao centro). Como resolvo isso SEM retirar o text-align: center?
×

Important Information

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