Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

juhsp

inserção de imagem lado a lado

Por , em Desenvolvimento frontend

Recommended Posts

juhsp    0

juhsp
Postado

Boa tarde galera do fórum estou com uma duvida em html pois estou começando agora, minha professora passou uma desafio no qual tem que colocar 4 imagens lado a lado como se fosse um quadro segue o exemplo 

 

mas não estou conseguindo deixar lado a lado, usei o a tag Align mais as imagens fica uma em baixo da outras 

 alguém poderia me ajudar ? 

 

agradeço 

Sem título.jpg

Compartilhar este post

Link para o post
Compartilhar em outros sites

karsonAdam    2

karsonAdam
Postado

Seria bom se colocasses o seu código aqui para melhor compreensão do que fizeste . 

Mas pelo que percebi usaste atributo align . O que pode funcionar para o seu caso é float , nesse caso  para a esquerda :

  

.imagem {
	float: left;
	/*... outros atributos */
}

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

juhsp    0

juhsp
Postado
19 horas atrás, karsonAdam disse:

.imagem { float: left; /*... outros atributos */ }

<html>

<head>

<title>Lamborghini</title>


</head>


<body>


    
<img src="images/left2.jpg" width="714" align="right" /> 
<img src="images/left.jpg" width="714" align="left" />

<br>

<img src="images/lamborghini.jpg" width="714" align="left" /> 
<img src="images/c31.jpg" width="714" align="right"  /> 


</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

karsonAdam    2

karsonAdam
Postado

Já que ainda estás no inicio vou passar baseado no seu código , o que tens de fazer é colocar a estilização de cada imagem dentro do atributo style ,assim:
  

<html>
<head>
<title>Lamborghini</title>

</head>

<body>

    
<img src="images/left2.jpg" style="width:714; float:right;" /> 
<img src="images/left.jpg" style="width:714; float:left;" />
<br>
<img src="images/lamborghini.jpg" style="width:714; float:left;" /> 
<img src="images/c31.jpg" style="width:714; float:right;"  /> 

</body>
</html>

Experimente depois diz no que deu.

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito