Como Criar Site, Cursos, Vídeo Aulas, Loja Virtual, Magento, SEO e Web Design

iConectado Web

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

Publicado em 2 de fevereiro de 2012 | Por Rick Bauck
Categoria: CSS, HTML, Vídeo Aula | 7.609 views

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

  1. Jackson disse:

    Muito boa….

  2. Marilene disse:

    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.

    • Rick Bauck disse:

      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.

  3. vera lima disse:

    Rick a gente pode usar imagens dentro da div?

  4. Nielson Vágno disse:

    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!

    • Rick Bauck disse:

      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!

  5. Nielson Vágno disse:

    vlw Rick, consegui fazer o que queria. Muito abrigado e sucesso!

  6. Itamar disse:

    Muito boa essa video aula gostei mesmo,parabens!
    tem como disponibilizar essa vide aula para douwload?
    agradeço desde já…
    fuii

  7. vinicius disse:

    ótima video aula.. assistindo e recomendo.. continue assim. []s

  8. Heckel Cunha disse:

    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!…

Deixe Seu Comentário: