Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17226
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Uso do float no CSS

18-02-2007 18:07

O float é um propriedade do CSS onde basicamente podemos fazer um objeto flutuar sobre o conteúdo padrão, por exemplo, veja abaixo:

<div>conteúdo 1</div> <div>conteúdo 2</div> <div>conteúdo 3</div>

ao executar o código abaixo teremos 3 linhas, uma com cada conteúdo, mas, se desejamos deixar essas divs alinhadas, usamos o float da seguinte forma:
<style type="text/css"> div{float:left;} </style> <div>conteúdo 1</div> <div>conteúdo 2</div> <div>conteúdo 3</div>

Note que foi usado o "left" no float, que é o alinhamento, existe:
left = esquerda
right = direita
none = que é o padrão, mantem o conteúdo onde foi escrito

Veja agora um exemplo onde colocaremos 3 tabelas uma ao lado da outra com float:
<style type="text/css"> table{float:left;} </style> <table> <tr> <td>tabela 1</td> </tr> </table> <table> <tr> <td>tabela 2</td> </tr> </table> <table> <tr> <td>tabela 3</td> </tr> </table>

0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado