← Desenvolvimento

[Ajuda] Como colocar lado a lado?

Lida 5144 vezes

Offline

vigilante 
Membro
Mensagens 459 Gostos 0
Feedback +1

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Precisava da vossa ajuda, eu tenho dois códigos e gostava de os colocar lado a lado em vez de um ficar em cima do outro, como posso fazer isso?

Os códigos são:
<img class="aligncenter size-full wp-image-2125" title="db-bar" src="http://vigilanteworld.com/wp-content/uploads/2010/10/db-bar.png" alt="" width="700" height="30" /></a>

e

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FVigilanteWorld&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>

Ajudem-me por favor.
Offline

betanalista 
Membro
Mensagens 2564 Gostos 0
Feedback +18

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

Precisava da vossa ajuda, eu tenho dois códigos e gostava de os colocar lado a lado em vez de um ficar em cima do outro, como posso fazer isso?

Os códigos são:
<img class="aligncenter size-full wp-image-2125" title="db-bar" src="http://vigilanteworld.com/wp-content/uploads/2010/10/db-bar.png" alt="" width="700" height="30" /></a>

e

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FVigilanteWorld&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>

Ajudem-me por favor.


penso que isso deve funcionar, não testei

Código: [Seleccione]
<div style="width:810px; height:30px;">
<div style="float:left; margin-right:10px;">
<img class="aligncenter size-full wp-image-2125" title="db-bar" src="http://vigilanteworld.com/wp-content/uploads/2010/10/db-bar.png" alt="" width="700" height="30" /></a>
</div>

<div style="float:right">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FVigilanteWorld&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</div>
</div style="clear:both"></div>
</div>

Offline

vigilante 
Membro
Mensagens 459 Gostos 0
Feedback +1

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Lado a lado ficou, mas criou um espação no site como podes ver - http://vigilanteworld.com/