Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
71 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 71 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Videos lado a lado

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Videos lado a lado

Mensagem por Tupac em Sab 26 Nov 2016 - 20:22

Detalhes da questão


Endereço do fórum: http://rockstaranarquia.wikiforum.net/
Versão do fórum: PunBB

Descrição


Tô fazendo uma página html e tô colocando vídeos nele, porém eu queria era dois videos em cada lado um exemplo:
Video 1 x Vídeo 2
Vídeo 3 x Vídeo 4
Só que ao invés dele fazer isso, ele fica um em baixo do outro, código abaixo.
Eu estou usando essa página como uma do fórum, não é externa!
Código:
<br /><iframe width="1100" height="600" src="https://www.youtube.com/embed/0zZ94l5fmQU" frameborder="0" allowfullscreen></iframe>


<div class="block">
   <ul id="main-nav-first">
<iframe width="460" height="315" src="https://www.youtube.com/embed/M5ClDpWEc04" frameborder="0" allowfullscreen></iframe>
   </ul>
</div>

<div class="block">
   <ul id="main-nav">
   <h2>Header Title #2</h2>
          <right><iframe width="460" height="315" src="https://www.youtube.com/embed/eH4NYiYKWr4" frameborder="0" allowfullscreen></iframe></right>
   </ul>
</div>

<div class="block left">
   <ul id="main-nav">
   <iframe width="460" height="315" src="https://www.youtube.com/embed/v7D4pljS_G8" frameborder="0" allowfullscreen></iframe>
   </ul>
</div>

Tupac
Usuário avançado

Masculino
Inscrito dia : 21/12/2014
Mensagens : 341
Pontos Ativos : 1221

http://forum-larp.forumeiros.com https://www.facebook.com/https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR
  • 0

Resolvido Re: Videos lado a lado

Mensagem por Shek Crowley em Ter 29 Nov 2016 - 14:45

Tente colocar a propriedade float: left na propriedade do CSS:
Código:
.block iframe {float: left !important;}
Veja se funciona.


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15082
Pontos Ativos : 22274

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Videos lado a lado

Mensagem por Tupac em Ter 29 Nov 2016 - 18:56

É uma página HTML, o código não funcionou.

Tupac
Usuário avançado

Masculino
Inscrito dia : 21/12/2014
Mensagens : 341
Pontos Ativos : 1221

http://forum-larp.forumeiros.com https://www.facebook.com/https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Resolvido Re: Videos lado a lado

Mensagem por Shek Crowley em Qua 30 Nov 2016 - 23:23

E cadê a URL da página? Muito feliz Por favor, nos indique a URL. Piscada


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15082
Pontos Ativos : 22274

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Videos lado a lado

Mensagem por Tupac em Qui 1 Dez 2016 - 14:14

http://rockstaranarquia.wikiforum.net/h4-
No caso, você vai ver um vídeo do lado do outro, os vídeos que estão em tamanhos menores, se tiver como, deixar dois de cada lado

Tupac
Usuário avançado

Masculino
Inscrito dia : 21/12/2014
Mensagens : 341
Pontos Ativos : 1221

http://forum-larp.forumeiros.com https://www.facebook.com/https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR
  • 0

Resolvido Re: Videos lado a lado

Mensagem por Shek Crowley Ontem à(s) 13:15

Olá e bom dia!

Eu fiz alguns testes e achei mais prático usarmos tables (tabelas) e não CSS. Muito feliz Troque seu código por este:
Código:
<table class="ShekCrowley" width="100%">
   <tbody>
      <tr>
         <td><iframe width="460" height="315" src="https://www.youtube.com/embed/M5ClDpWEc04" frameborder="0" allowfullscreen></iframe></td>
         <td><iframe width="460" height="315" src="https://www.youtube.com/embed/v7D4pljS_G8" frameborder="0" allowfullscreen></iframe></td>
      </tr>
   </tbody>
</table>
Se ficar desajustado, você deve acessar a URL do vídeo configurar a largura e altura dele no próprio Youtube. Piscada

Até mais!


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15082
Pontos Ativos : 22274

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Videos lado a lado

Mensagem por Tupac Ontem à(s) 14:07

Brigadão, consegui.!

Tupac
Usuário avançado

Masculino
Inscrito dia : 21/12/2014
Mensagens : 341
Pontos Ativos : 1221

http://forum-larp.forumeiros.com https://www.facebook.com/https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Resolvido Re: Videos lado a lado

Mensagem por Shek Crowley Ontem à(s) 14:41

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15082
Pontos Ativos : 22274

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5