Como colocar o echo de uma query lado a lado

Jefferson andre · Maio 29, 2019

Pessoal boa tarde, estou com um problema desde o periodo da manha e sinceramente nao encontro uma forma de fazer com array.

Preciso pegar 4 informacoes no banco de dados mysql, a consulta retorna corretamente mas nao consigo pegar as variaveis e armazenar nas variaveis, vou usar para abrir 4 video aulas na tela principal do aluno, utilizando uma mini imagem para o aluno clicar e ir para o video selecionado

Por favor alguem pode me ajudar a carregar estas 4 informacoes ( caminho e imagem), agradeço.

Gostaria se possivel "ir" apenas 1 vez no fonte abaixo e ja pegar as 4 variaveis ou um loop mas que "anda-se" de lado na tela.

A rotina abaixo e chamada pelo index, preciso que 4 videos apareçam um ao lado do outro em cada linha ok, mas nao sei fazer isso. Por isso pensei em uma array mostrando em uma tabela lado a lado ou 4 variaveis diferentes na mesma situacao seguem os fontes.

divulgar_video.php
<?php

// fazendo uma conexão com o banco de dados
include("conexao.php");

//pesquisa
$resultado_videos = $arquivo->query("SELECT id, caminho, imagem FROM videos ORDER BY id DESC LIMIT 5");

if (false === $resultado_videos) {
echo mysqli_error();
}

$linha=mysqli_fetch_array($resultado_videos);

if (false === $resultado_videos) {
echo mysqli_error();
}

mysqli_close($arquivo);
?>

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="icon" type="image/png" href="Novas_imagens/bolha_icone.png" />
<style type="text/css">
</style>
<?php 

session_start();

include("topo1.php")?>
<link rel="sortcut icon" href="favicon.ico" type="image/x-icon" />
<style type="text/css">
<!--
.style2 {
	font-size: large;
	font-weight: bold;
}
#Layer_dvulgacao_imagem_2 {
	position:absolute;
	width:1100px;
	height:115px;
	z-index:1;
	left: 0px;
	top: 500px;
}
#Layer_divulgacao_novidades {
    position:absolute;
    width:1200px;
    height:300px;
    z-index:2;
    left: 0px;
    top: 110px;
}
#Layer_divulgacao_video {
	position:absolute;
	width:899px;
	height:500px;
	z-index:2;
	left: 0px;
	top: 250px;
}
#Layer_quero_me_cadastrar {
	position:absolute;
	width:200px;
	height:47px;
	z-index:3;
	left: 0px;
	top: 150px;
}

#Layer_divulgacao_legenda_aula_1{
	position:absolute;
	width:289px;
	height:500px;
	z-index:2;
	left: 900px;
	top: 250px;
	border:solid;
	text-wrap:normal;
	word-wrap:normal
}

#videos_novidades{
	position:absolute;
	width:300px;
	height2300px;
	z-index:2;
	left: 0px;
	top: 250px;
	border:border:2px solid black;
	text-wrap:normal;
	word-wrap:normal;	
	color:#F96;
	 width: auto;
    height: auto
}

#videos_novidades_coluna_2{
	position:absolute;
	width:300px;
	height:200px;
	z-index:2;
	left: 300px;
	top: 250px;
	border:border:2px solid black;
	text-wrap:normal;
	word-wrap:normal;	
	color:#F96;
	 width: auto;
    height: auto
}

#videos_novidades_coluna_3{
	position:absolute;
	width:300px;
	height:200px;
	z-index:2;
	left: 600px;
	top: 250px;
	border:border:2px solid black;
	text-wrap:normal;
	word-wrap:normal;	
	 width: auto;
    height: auto;
	color:#F96
}

#videos_novidades_coluna_4{
	position:absolute;
	width:300px;
	height:200px;
	z-index:2;
	left: 900px;
	top: 250px;
	border:border:2px solid black;
	text-wrap:normal;
	word-wrap:normal;	
	 width: auto;
    height: auto;
	color:#F96
}
</style>
</head>

<body vlink="#6633CC" style='margin:0'>

<div style='position:absolute;width:8.-1863in;height:7.2239in'>
<!--[if gte vml 1]><v:rect id="_x0000_s1025" style='position:absolute;left:123pt;
 top:63pt;width:386.24pt;height:220.53pt;z-index:1;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_arquivos/image302.jpg" o:title="simbolos matematicos 2"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><![endif]><!--[if gte vml 1]><v:shapetype
 id="_x0000_t202" coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
 <v:stroke joinstyle="miter"/>
 <v:path gradientshapeok="t" o:connecttype="rect"/>
</v:shapetype><v:shape id="_x0000_s1026" type="#_x0000_t202" style='position:absolute;
 left:123pt;top:18pt;width:387pt;height:36.18pt;z-index:2;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox style='mso-column-margin:2mm' inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:2;
left:10px;top:22px;width:516px;height:78px'>
</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s1048" type="#_x0000_t202"
 style='position:absolute;left:123pt;top:294pt;width:387pt;height:225pt;
 z-index:5;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox style='mso-column-margin:2mm' inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><![endif]>
</div>

<?php
include("topo_1_menu.php"); 
?>
<!--

<div id="Layer_divulgacao_novidades">
    <div class="video">
        <?php include("divulgar_noticias.php");?>
        <iframe align="center" border="1" frameborder="yes" height="300px" id="myIframe"
                name="myIframe" scrolling="yes" src="<? echo $caminho_divulgacao_noticias; ?>" width="350px"> </iframe>
    </div>
</div>
-->


<div id="videos_novidades">
  <div class="video">
		<?php include("divulgar_video.php");?>
		<iframe align="center" width="300px" height="200px" src="<? echo $linha;?>" <a href="mostrar_video.php<? echo '$'.$linha;?>"> frameborder="yes" scrolling="yes" name="myIframe" id="myIframe" > </iframe>
  </div>
</div>

<!--

<div id="Layer_divulgacao_legenda_aula">
     <textarea name="textarea" cols="38" rows="33" readonly id="textarea"><? echo $_SESSION['divulgacao_legenda']; ?></textarea>
</div>
-->

<div id="Layer_dvulgacao_imagem_2">
  <div id="propaganda">
    <table width="1050" border="0">
      <tr>
		<?php include("divulgar.php");?>
        <td width="1000">&nbsp;</td>
      </tr>
    </table>
  </div>
</div>


  <div id="Layer_quero_me_cadastrar">
    <table width="1136">
      <tr>
        <td class="style2">Para receber noticias de novas aulas  <a href="receber_noticias.php"><img src="Clique-aqui.jpg" alt="aqui" width="123" height="32" border="0" /></a></td>
      </tr>
    </table>
</div>
<p>
    <!-- BEGIN JIVOSITE CODE {literal} -->
    <script type='text/javascript'>
        (function(){ var widget_id = 'PU7ft5N3bR';var d=document;var w=window;function l(){
            var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//code.jivosite.com/script/widget/'+widget_id; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);}if(d.readyState=='complete'){l();}else{if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>
</p>
</body>
</html>

Entrar

Arquivado

Como colocar o echo de uma query lado a lado

Recommended Posts

Jefferson andre 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante