← HTML + CSS

Imagens do footer

Lida 1959 vezes

Offline

NunoF 
Membro
Mensagens 257 Gostos 6
Feedback +7

Troféus totais: 21
Trófeus: (Ver todos)
Mobile User Apple User Linux User Super Combination Combination Topic Starter Poll Voter Level 3 Level 2 Level 1

Boa tarde,

Eu tenho um footer onde basicamente quero meter 4 imagens lado a lado. O meu problema é que as imagens começam a partir do lado esquerdo e eu queria do lado direito.

Já tentei alterar o código (do pouco que sei), mas nada. Alguém me pode ajudar?

p.s: Se for preciso postar css ou html digam

Obrigado
Offline

Eduardo Santos 
Equipa
Mensagens 1097 Gostos 1
Feedback +4

Troféus totais: 29
Trófeus: (Ver todos)
Tenth year Anniversary Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Citar
.class {
float: right;
}

ou

Citar
.class {
float: left;
}

Ou muda a ordem no HTML.
Offline

NunoF 
Membro
Mensagens 257 Gostos 6
Feedback +7

Troféus totais: 21
Trófeus: (Ver todos)
Mobile User Apple User Linux User Super Combination Combination Topic Starter Poll Voter Level 3 Level 2 Level 1

worked like a charm  :obrigado:
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Com o float:left; as imagens ficam alinhadas à esquerda, e como o right, ficam com a ordem invertida.

Solução:

Código: [Seleccione]
<div id="imagens_footer">
 <img src="" />
 <img src="" />
 <img src="" />
</div>

Código: [Seleccione]
#imagens_footer {
   text-align: right;
}
#imagens_footer img {
   float: left;
}
Offline

NunoF 
Membro
Mensagens 257 Gostos 6
Feedback +7

Troféus totais: 21
Trófeus: (Ver todos)
Mobile User Apple User Linux User Super Combination Combination Topic Starter Poll Voter Level 3 Level 2 Level 1

Tens dois exemplos: uma para imagens e outro para texto, certo?

(já resolvi o problema, mas é sempre bom aprender ;) )
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Nao, o codigo é todo o mesmo.