iniciante em Web

[Héberson Sette de Almeida 0]

Olá a todos sou totalmente novato em desenvolvimento com HTML e Dreamweaver.

 

Estou seguindo o tutorial no site da ADOBE em como desenvolver sua primeira página na web.

 

Estou com um problema que não sei reolver, pois apesar de ter seguido passo a passo o tutorial da ADOBE minha página ficou diferente do exposto no tutorial.

 

Alguém pode me dar uma ajuda, por gentileza.

 

Minha página está no endereço:

 

Minha página

 

O problema é que as 3 últimas imagens deveriam ficar uma ao lado da outra tal como no endereço:

 

Página da Adobe com o Tutorial

 

Alguém pode me dizer o que eu esqueci de fazer ou que eu tenha feito errado?

 

Muito grato por qualquer ajuda

[wdc_black_ 0]

eai cara,

a única coisa que faltou foi isso aqui no teu código da folha de estilos (css)

 

 

vou te explicar como isso funciona.

o comando

float:left;

, faz com que a sua div inteira flutue na página, no caso ela vai ir para o canto esquerdo.

a left_column vai flutuar para a esquerda.

a center_column vai flutuar para o mesmo lado da left_column, mas ela tem mais 1 codigo para que não fique em cima da coluna left_column o

left:316px;

que tenque ser do mesmo width da left_column para ficar corretamente do lugar

ai como só sobrou um espaço do lado direito de tudo, fazemos um

float:right;

na right_column para ela ir pro canto direito.

 

 

adicione isso ao código

#left_column {
float:left; /* flutua a div para a esquerda */
width:316px;/* largura da div */
margin-right:10px;/* um espaço de 10px entre a div left_column e a div center_column */
}

#center_column {
float:left; /* flutua a div para a esquerda */
width:316px;/* largura da div */
left:316px;/* espaço para div center_column nao fica em cima da div left_column  */
}

#right_column {
float:right;/* flutua a div para a direita */
width:316px;/* largura da div */
}

 

parece meio complicado no inicio, mas tu vai pegando o jeito,

qualquer duvida posta ai

abraço