← HTML + CSS

Banner lado a lado, com texto

Lida 2641 vezes

Offline

Rui Quintas 
Membro
Mensagens 84 Gostos 0
Feedback +1

Troféus totais: 22
Trófeus: (Ver todos)
Level 5 Windows User Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1

Boas, tenho um problema abaixo do titulo dos artigos, gostava de colocar um banner de publicidade e ao lado deste, texto do artigo.
Já vi algumas soluções que andam por ai, mas não resultam em condições.
Obrigado
Offline

rtbfreitas 
Equipa
Mensagens 1497 Gostos 9
Feedback +24

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

Se colocares o banner com float: left;  não resolve?
Offline

Rui Quintas 
Membro
Mensagens 84 Gostos 0
Feedback +1

Troféus totais: 22
Trófeus: (Ver todos)
Level 5 Windows User Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1

Não, já experimentei e nada, até fica sobreposto em cima do texto.
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

position: relative; ? Não resolve?
Offline

rtbfreitas 
Equipa
Mensagens 1497 Gostos 9
Feedback +24

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

Não, já experimentei e nada, até fica sobreposto em cima do texto.


Depende de theme para theme, coloca float: left; no banner e depois clear: left; no texto.
Offline

Bruno Mota 
Membro
Mensagens 1733 Gostos 3
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

usa o !important
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

Depende de theme para theme, coloca float: left; no banner e depois clear: left; no texto.
Exacto, isso é importante.
Offline

rtbfreitas 
Equipa
Mensagens 1497 Gostos 9
Feedback +24

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

Exacto, isso é importante.

Pessoalmente gosto mais da solução overflow: hidden; acho mais clean e não implica colocar classes ou styles no markup, mas nem sempre é possível usar essa solução.
Offline

TiagZ 
Membro
Mensagens 10 Gostos 0
Troféus totais: 15
Trófeus: (Ver todos)
Super Combination Combination Level 3 Level 2 Level 1 10 Posts First Post Karma Seventh year Anniversary Sixth year Anniversary

Se mostrares o código, ou um link é mais fácil :)

Em todo o caso, pelo que me parece um
Código: [Seleccione]
display: inline-block funcionava e era menos "agressivo" que as soluções dos floats e dos clears, etc.

Boa sorte