Uma das maneiras mais usadas de se posicionar objetos é usando Div's e posicionando-as com as folha de estilos CSS.
Primeiramente vamos colocar o CSS.
Width para largura.
Height para altura.
Float para fazer o objeto flutuar em um determinado lado.
Margin para criar uma margem Invisível que fará com que o obejto se posicione.
Agora vamos aos códigos.
Código CSS
O Objeto acima irá flutuar a esquerda (float: left;) tem 200 píxels de largura (width: 200px;) 400 píxels de altura (height: 400px;), uma margem na esquerda de 30 píxels (margin-left: 30px;) e uma margem no topo de 25 píxels negativos (margin-top: -25px;)
O Suficiente para posicionar um objeto.
Agora que a folha de estilos para o objeto em que estamos trabalhando foi criada, vamos à parte do HTML de nosso objeto onde usaremos uma div para fazer com que o objeto siga as configurações da folha CSS.
Suponhamos que o obejeto seja um texto qualquer.
O código dele ficará assim:
Lembre-se de que o id da div deve ser igual ao nome da folha de estilos CSS que foi criado, agora o seu objeto se posicionará de acordo com a folha de estilos.
Primeiramente vamos colocar o CSS.
Width para largura.
Height para altura.
Float para fazer o objeto flutuar em um determinado lado.
Margin para criar uma margem Invisível que fará com que o obejto se posicione.
Agora vamos aos códigos.
Código CSS
#objeto {
width:200px;
height 400px;
float:left;
background:#;
margin-top: -25px;
margin-left:30px;
padding:0 0 0px;
color:#333333;
font-size:12px;
line-height:1.5em;
word-wrap: break-word;
overflow: hidden;
display:inline;
}O Objeto acima irá flutuar a esquerda (float: left;) tem 200 píxels de largura (width: 200px;) 400 píxels de altura (height: 400px;), uma margem na esquerda de 30 píxels (margin-left: 30px;) e uma margem no topo de 25 píxels negativos (margin-top: -25px;)
O Suficiente para posicionar um objeto.
Agora que a folha de estilos para o objeto em que estamos trabalhando foi criada, vamos à parte do HTML de nosso objeto onde usaremos uma div para fazer com que o objeto siga as configurações da folha CSS.
Suponhamos que o obejeto seja um texto qualquer.
O código dele ficará assim:
<div id='objeto'> Um Texto Qualquer '-'</div>Lembre-se de que o id da div deve ser igual ao nome da folha de estilos CSS que foi criado, agora o seu objeto se posicionará de acordo com a folha de estilos.
