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”
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!…
Heckel, no caso a cerquilha ou como muitos chamam “Tralha” é para diferenciar class de ID. Cerquilha = ID, Ponto = Class. Abraço!
ótima video aula.. assistindo e recomendo.. continue assim. []s
Obrigado, Vinicius. Abraço!
Muito boa essa video aula gostei mesmo,parabens!
tem como disponibilizar essa vide aula para douwload?
agradeço desde já…
fuii
Obrigado Itamar. As vídeo aulas não estão licenciadas para download. Somente para exibição através do nosso cana no YouTube. Abraço!
vlw Rick, consegui fazer o que queria. Muito abrigado e sucesso!
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!
Rick a gente pode usar imagens dentro da div?
Sim, para adicionar pelo HTML use a Tag IMG. Para colocar como plano de fundo, use a propriedade background no CSS.
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.
Muito boa….