Curso HTML e CSS – Aula 17 – Como Trabalhar Com Float e Clear

Compartilhar no facebook
Facebook
Compartilhar no whatsapp
WhatsApp
Compartilhar no linkedin
LinkedIn
Compartilhar no twitter
Twitter
Compartilhar no pinterest
Pinterest

Veja nessa vídeo aula de CSS como trabalhar com Float e Clear, duas propriedades muito utilizadas na diagramação de um template. Boa Aula!

Para fazer o download dos arquivos utilizados na vídeo aula clique aqui. Compartilhe este post com os seus amigos do Facebook e Twitter.

BRB ;)

14 comentários em “Curso HTML e CSS – Aula 17 – Como Trabalhar Com Float e Clear”

  1. Nesta aula você criou uma div e na hora do css colocou uma cerquilha (sharp) ao tratar a div esquerda, por que? Gostaria por favor que explicasse quando usamos a cerquilha (sharp). Obrigado. Suas aulas estão ótimas!…

  2. Olá Rick, fiz uma lista não ordenada.
    1ºelemento
    2ºelemento
    3ºelemento
    4ºelemento

    e apliquei nela um CSS float right. Os elementos da lista ficaram um na frente do outro, exatamente como eu queria
    1ºelemento 2ºelemento 3ºelemento 4ºelemento

    só que eu quero que metade dos elementos dessa lista vá para baixo, assim:
    1ºelemento 2ºelemento
    3ºelemento 4ºelemento

    posso usar a propriedade do float, clear para fazer isso? se sim, como?
    se não, de que outra forma posso fazer isso?

    parabéns pelo trabalho maravilhoso, to fazendo a maior campanha de vc pra meus amigos, esse site é digno de muitos acessos!

    • Olá Nielson, pelo seu comentário é só diminuir o “width” da lista ou da div em questão que irá “quebrar” e jogar os outros itens para baixo. Confira na Aula 24 e 25. Abraço!

  3. Olá Rick, estou acompanhando suas aula, tem dado tudo certo até agora, nesta aula fiz exatamente igualzinho ao seu, mas não está dando certo. todos as divs estão na mesma posição, já apaguei e comecei tudo novamente, mas continua dando errado. Pode me ajudar?
    Desde já obrigada.

    • Olá Marilene,

      Lembre, se for usar mais de uma div, use o ID, para não repetir a formatação do CSS. Vou mostrar isso já na próxima aula dessa semana.

      Obrigado pela visita e comentário.

Deixe um comentário

Já faz parte da nossa Lista VIP de Conteúdo?
Receba semanalmente as melhores dicas para deixar o seu site seguro, rápido e otimizado:

Seu E-mail não será compartilhado.

O seu site NÃO está seguro!

Receba AGORA um eBook com dicas para deixar o seu site MAIS SEGURO. É GRÁTIS!

Junte-se aos 389 assinantes que vão deixar seus sites seguros.

Seu e-mail não será compartilhado.