Ir para conteúdo

znatanalves

Members
  • Total de itens

    8
  • Registro em

  • Última visita

  • Dias vencidos

    2

znatanalves venceu o dia em Setembro 5 2016

Teve o conteúdo mais curtido

Reputação

4 Comum

Sobre znatanalves

Informações Pessoais

  • Sexo
    Masculino
  1. znatanalves

    Problema com Divs

    Provavelmente é porque você está inserindo colunas sem linhas.
  2. znatanalves

    Link com imagem não "cobre" todo a área da imagem

    Sim, exatamente isso.
  3. znatanalves

    Link com imagem não "cobre" todo a área da imagem

    Você provavelmente não possui outros elementos abaixo da imagem caso contrário teria o problema que eu citei.
  4. znatanalves

    linkbar com cor diferente. css + mobile

    Para fazer isso basta adicionar a meta tag theme-color no head: <!-- Chrome, Firefox OS and Opera --> <meta name="theme-color" content="#4285f4"> <!-- Windows Phone --> <meta name="msapplication-navbutton-color" content="#4285f4"> <!-- iOS Safari --> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> Mais detalhes: https://developers.google.com/web/fundamentals/design-and-ui/browser-customization/theme-color
  5. znatanalves

    Alinhar texto a direita

    Basta flutuar a imagem a esquerda quebrando fluxo do documento que o texto irá automaticamente para a direita. Veja: http://jsbin.com/xuragitoku/edit?html,css,output Agora é só posiciona-lo verticalmente para o centro ou fazer o que deseja. Outra forma é definir os elementos como inline-block para que ocupem a mesma linha dentro do bloco: Veja: http://jsbin.com/rupajanozu/1/edit?html,css,output Obs: Utilizei vertical-align: middle; para centralizar verticalmente os elementos. Para que fique com o arredondamento correto você pode definir uma altura e largura de mesma dimensão (desde que não comprometa a qualidade da imagem) e aplicar o border-radius.
  6. znatanalves

    Eliminar espaços em branco no menu

    Basta definir as imagems (img) com display: block; Veja: http://jsbin.com/fudimevibu/edit?html,css,output Explicação do problema (Uma questão tipográfica que envolve elementos inline como imagens e links): http://mor10.com/removing-white-space-image-elements-inline-elements-descenders/
  7. znatanalves

    Link com imagem não "cobre" todo a área da imagem

    A tag <a> é um inline-element, sendo assim, sua largura é definida pelo conteúdo que ele está envolvendo (no caso a imagem). Dessa forma, como a imagem é um um inline-element também o link só irá funcionar na área onde imagem se encontra porém não em sua altura completa já que não se pode definir altura para elementos inline logo a imagem só tem uma altura visual, então o link só funcionará na altura da sua linha. Veja : http://codepen.io/anon/pen/YGPKWG Note que a borda da tag <a> é inferior ao tamanho da imagem porque ambas as tags são inline-elements mas a imagem ocupa visualmente um espaço maior pois tem uma altura (altura da imagem, não do elemento em si) maior que a linha em que se encontra. Pra fazer o link funcionar corretamente basta defini-lo como um elemento inline-block assim permitindo elementos de nível block e inline dentro dele e assumindo a altura (se não definida) de seu conteúdo (no caso a imagem) e a imagem como block. Se manter a imagem com seu display padrão que é inline será gerado um padding no bottom. Uma explicação detalhada sobre o problema pode ser encontrada: aqui. Solução para o problema: http://codepen.io/anon/pen/LREPkp
  8. znatanalves

    Como se faz este efeito?

    O efeito ao qual se refere na verdade é conhecido como slider (de imagens neste caso). O nome do slider utilizado é Cute Slider porém, é necessário comprá-lo. Você pode conferir os detalhes e demos sobre o mesmo neste link: http://www.cuteslider.com/
×

Informação importante

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