[SOLUCIONADO] Problema con la presentacion de la base de datos

[mikelez]

Hola a todos,
Estoy volviendome loco desde hace unos dias con una pagina web que estoy realizando.
Tengo una base de datos MySQL en la cual estan almacenadas por categorias fotos con sus corespondientes descripciones. A la hora de presentarlas en la web tengo un submenu en la cual eligo la categoria y me presenta las fotos de la misma, esto me lo hace correcto.
El problema esta en que me las presenta en una sola columna y yo quiero que me las presente por lineas hasta ocupar el ancho de la pagina momento en el que me crearia otra fila para para seguir presentandomelas.
Como es un diseño responsive en el movil al presentarmelas en una columna me lo hace bien.
La parte del codigo que hace referencia a esto:

<div class="portfolio-thumb">
<table>
<?php
$p=0;
if ($numprods==0)
echo "<td><span style='font-weight: bold'>NO HAY PROYECTOS</span></td>";
else
while($p<$numprods){
$idp=$row_Recordset2['idp'];
$imagen=utf8_encode($row_Recordset2['fotop']);
$descrip=utf8_encode($row_Recordset2['textop']);
if ($row_Recordset2['fotop']!= NULL);
else
$imagen="sinima.jpg";
?>
<figure class="frame2"><img src="<?php echo 'catalogo/'.$imagen; ?>" alt="">
<h4><a data-rel="lightbox" href="<?php echo 'catalogo/'.$imagen; ?>"><?php echo ''.$descrip; ?></a></h4>
</figure>
<?php
$p++;
if ($p<$numprods) echo "<tr><td></td></tr>";
}
?>
</table>
</div> <!-- /.portfolio-thumb -->

Gracias de antemano

[xfxstudios]

error 1, lo estas haciendo con una tabla, te recomiendo mejor con unos div y aplicarle css, asi resuelves tu problema

[xfxstudios]

en cuanto puedo te pongo un ejemplo

[mikelez]

Gracias, en cuanto pongas el ejemplo me pongo a ello y te comento

[xfxstudios]

prueba asi y me cuentas:

Código PHP:

<style>
#fotos{
    display:block;
    position:relative;
    float:left;
    margin-left:10px;
}
</style>
<div class="portfolio-thumb">
<?php
if($numprods == 0){
echo "<span style='font-weight: bold'>NO HAY PROYECTOS</span>";
}
else{
    while(/*aqui debes cambiar poe l nombre de tu consulta>>*/$numprods->fetch_array())
    {
        echo "<div id='fotos'>";
        echo    "<figure class='frame2'>";
        echo        "<img src='catalogo/".$imagen."' alt=''>";
        echo        "<h4><a data-rel='lightbox' href='catalogo/".$imagen."'>".$descrip."</a></h4>";
        echo    "</figure>";
        echo "</div>";
    }
}
?>
</div>
 

[xfxstudios]

te deberia de quedar algo asi, claro adaptalo a tu codigo:

[xfxstudios]

recuerda cambiar esto:

Código PHP:

while(/*aqui debes cambiar poe l nombre de tu consulta>>*/->fetch_array())
 

[mikelez]

Hola he puesto el codigo y no funciona, no me presenta nada y ademas el resto de la pagina tampoco me deja verla.

[xfxstudios]

ok muestra el codigo completo incluyendo la consulta

[mikelez]

El codigo es:

<div class="portfolio-thumb">
<?php
$idp=$row_Recordset2['idp'];
$imagen=utf8_encode($row_Recordset2['fotop']);
$descrip=utf8_encode($row_Recordset2['textop']);
if($numprods == 0){
echo "<span style='font-weight: bold'>NO HAY PROYECTOS</span>";
}
else{
while("SELECT `fotop`, `textop` FROM `productos` WHERE `idc`" .$numprods->fetch_array())
{
$idp=$row_Recordset2['idp'];
$imagen=utf8_encode($row_Recordset2['fotop']);
$descrip=utf8_encode($row_Recordset2['textop']);
echo "<div id='fotos'>";
echo "<figure class='frame2'>";
echo "<img src='catalogo/".$imagen."' alt=''>";
echo "<h4><a data-rel='lightbox' href='catalogo/".$imagen."'>".$descrip."</a></h4>";
echo "</figure>";
echo "</div>";
}
}
?>
</div> <!-- /.portfolio-thumb -->

[mikelez]

El Style lo he colocado en el head
Cuando dices el codigo completo, ¿te refieres al de toda la pagina?

[xfxstudios]

Iniciado por mikelez

El Style lo he colocado en el head
Cuando dices el codigo completo, ¿te refieres al de toda la pagina?

correcto y utiliza las etiquetas Highlight que estan al lado de la nubesita azul para poder interpretar mejor el codigo

[mikelez]

La pagina es unica (index.php) y esta hecha por secciones. Esta es la seccion del catalogo:

<div id="proyectos" class="section-content">
<div class="container">
<div class="title-section text-center">
<h2>Nuestros Proyectos</h2>
<span></span>
</div> <!-- /.title-section -->

<div class="menupro-section text-left">
<nav id="options" class="work-nav">
<?php
mysql_select_db($database_conexion1, $conexion1);
$query_Recordset1 = sprintf("SELECT * FROM categorias");
$Recordset1 = mysql_query($query_Recordset1, $conexion1) or die(mysql_error());
$row_Recordset1 = mysql_fetch_assoc($Recordset1);
$totalRows_Recordset1 = mysql_num_rows($Recordset1);
if (isset($_GET['catactu']))
$catactu=$_GET['catactu'];
else $catactu=1;
$query_Recordset2 = sprintf("SELECT * FROM productos WHERE productos.idc=%s",$catactu);
$Recordset2 = mysql_query($query_Recordset2, $conexion1) or die(mysql_error());
$row_Recordset2 = mysql_fetch_assoc($Recordset2);
$numprods = mysql_num_rows($Recordset2);
?>
<?php
for ($k=0;$k<$totalRows_Recordset1;$k++){?>
<ul id="filters" class="option-set" data-option-key="filter">
<li><a href="?catactu=<?php echo $row_Recordset1['idc']; ?>#proyectos"><?php if($row_Recordset1['idc']==$catactu) echo '<span class="catactu">'. utf8_encode($row_Recordset1['nomc']).'</span>';
else echo utf8_encode($row_Recordset1['nomc'])?></a></li>
</ul>
<?php
$row_Recordset1 = mysql_fetch_assoc($Recordset1);
}
?>
</nav>
</div> <!-- /.menupro-section -->

<div class="row">
<div class="col-md-3 col-sm-6">
<div class="portfolio-thumb">
<?php

if($numprods == 0){
echo "<span style='font-weight: bold'>NO HAY PROYECTOS</span>";
}
else{
while("SELECT `fotop`, `textop` FROM `productos` WHERE `idc`" .$numprods->fetch_array())
{
$idp=$row_Recordset2['idp'];
$imagen=utf8_encode($row_Recordset2['fotop']);
$descrip=utf8_encode($row_Recordset2['textop']);
echo "<div id='fotos'>";
echo "<figure class='frame2'>";
echo "<img src='catalogo/".$imagen."' alt=''>";
echo "<h4><a data-rel='lightbox' href='catalogo/".$imagen."'>".$descrip."</a></h4>";
echo "</figure>";
echo "</div>";
}
}
?>
</div> <!-- /.portfolio-thumb -->
</div> <!-- /.col-md-3 -->
</div> <!-- /.row -->
</div> <!-- /.container -->
</div> <!-- /#proyectos -->

[mikelez]

No sabia lo de la nube, ¿te sigo mandando el codigo completo?

[xfxstudios]

todo esto va al principio de tu documento:

Código PHP:

<?php
mysql_select_db($database_conexion1, $conexion1);
$query_Recordset1 = sprintf("SELECT * FROM categorias");
$Recordset1 = mysql_query($query_Recordset1, $conexion1) or die(mysql_error());
$row_Recordset1 = mysql_fetch_assoc($Recordset1);
$totalRows_Recordset1 = mysql_num_rows($Recordset1);
if (isset($_GET['catactu']))
$catactu=$_GET['catactu'];
else $catactu=1;    
 
$query_Recordset2 = sprintf("SELECT * FROM productos WHERE productos.idc=%s",$catactu);
$Recordset2 = mysql_query($query_Recordset2, $conexion1) or die(mysql_error());
$row_Recordset2 = mysql_fetch_assoc($Recordset2);
$numprods = mysql_num_rows($Recordset2);
 
$idp=$row_Recordset2['idp'];
$imagen=utf8_encode($row_Recordset2['fotop']);
$descrip=utf8_encode($row_Recordset2['textop']);
?>
 

[xfxstudios]

y todo esto va despues de aquello, claro con sus etiquetas que omitiste como html, style y todo eso:

Código PHP:

<div id="proyectos" class="section-content">
<div class="container">
<div class="title-section text-center">
<h2>Nuestros Proyectos</h2>
<span></span>
 
 
</div> <!-- /.title-section -->
 
<div class="menupro-section text-left">
<nav id="options" class="work-nav">
 
<?php 
for ($k=0;$k<$totalRows_Recordset1;$k++){?>
<ul id="filters" class="option-set" data-option-key="filter">
<li><a href="?catactu=<?php echo $row_Recordset1['idc']; ?>#proyectos"><?php if($row_Recordset1['idc']==$catactu) echo '<span class="catactu">'. utf8_encode($row_Recordset1['nomc']).'</span>'; 
else echo utf8_encode($row_Recordset1['nomc'])?></a></li>
</ul>
 
<?php 
$row_Recordset1 = mysql_fetch_assoc($Recordset1); 
}
?>
 
</nav>
</div> <!-- /.menupro-section -->
 
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="portfolio-thumb">
<?php
 
if($numprods == 0){
echo "<span style='font-weight: bold'>NO HAY PROYECTOS</span>";
}
else{
while($foto = mysql_fetch_array($Recordset2))
{
echo "<div id='fotos'>";
echo "<figure class='frame2'>";
echo "<img src='catalogo/".$foto[$imagen]."' alt=''>";
echo "<h4><a data-rel='lightbox' href='catalogo/".$foto[$imagen]."'>".$foto[$descrip]."</a></h4>";
echo "</figure>";
echo "</div>";
}
}
?>
</div> <!-- /.portfolio-thumb -->
</div> <!-- /.col-md-3 -->
</div> <!-- /.row -->
</div> <!-- /.container -->
</div> <!-- /#proyectos -->
 

[mikelez]

Código PHP:

<div id="proyectos" class="section-content">
        <div class="container">
            <div class="title-section text-center">
                <h2>Nuestros Proyectos</h2>
                <span></span>
            </div> <!-- /.title-section -->
            
            <div class="menupro-section text-left">
                <nav id="options" class="work-nav">
                    <?php
                    mysql_select_db($database_conexion1, $conexion1);
                    $query_Recordset1 = sprintf("SELECT * FROM categorias");
                    $Recordset1 = mysql_query($query_Recordset1, $conexion1) or die(mysql_error());
                    $row_Recordset1 = mysql_fetch_assoc($Recordset1);
                    $totalRows_Recordset1 = mysql_num_rows($Recordset1);
                    if (isset($_GET['catactu']))
                        $catactu=$_GET['catactu'];
                        else $catactu=1;    
                    $query_Recordset2 = sprintf("SELECT * FROM productos WHERE productos.idc=%s",$catactu);
                    $Recordset2 = mysql_query($query_Recordset2, $conexion1) or die(mysql_error());
                    $row_Recordset2 = mysql_fetch_assoc($Recordset2);
                    $numprods = mysql_num_rows($Recordset2);
                    ?>
                    <?php 
                        for ($k=0;$k<$totalRows_Recordset1;$k++){?>
                        <ul id="filters" class="option-set" data-option-key="filter">
                            <li><a href="?catactu=<?php echo $row_Recordset1['idc']; ?>#proyectos"><?php if($row_Recordset1['idc']==$catactu) echo '<span class="catactu">'. utf8_encode($row_Recordset1['nomc']).'</span>'; 
                            else echo utf8_encode($row_Recordset1['nomc'])?></a></li>
                        </ul>
                        <?php 
                            $row_Recordset1 = mysql_fetch_assoc($Recordset1); 
                        }
                        ?>
                </nav>
            </div> <!-- /.menupro-section -->
            
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="portfolio-thumb">
                            <?php
                            if($numprods == 0){
                            echo "<span style='font-weight: bold'>NO HAY PROYECTOS</span>";
                             }
                             else{
                                   while("SELECT `fotop`, `textop` FROM `productos` WHERE `idc`" .$numprods->fetch_array())
                                   {
                                   $idp=$row_Recordset2['idp'];
                               $imagen=utf8_encode($row_Recordset2['fotop']);
                               $descrip=utf8_encode($row_Recordset2['textop']);
                           echo "<div id='fotos'>";
                                   echo    "<figure class='frame2'>";
                                   echo        "<img src='catalogo/".$imagen."' alt=''>";
                                   echo        "<h4><a data-rel='lightbox' href='catalogo/".$imagen."'>".$descrip."</a></h4>";
                                   echo    "</figure>";
                                   echo "</div>";
                                   }
                                   }
                             ?>
            </div> <!-- /.portfolio-thumb -->
                    </div> <!-- /.col-md-3 -->
            </div> <!-- /.row -->
        </div> <!-- /.container -->
    </div> <!-- /#proyectos -->
 

[xfxstudios]

verificaste lo que te coloque???

[mikelez]

Si ahora me deja ver la parte de contacto que antes no me dejaba.
¿como inserto una imagen para mandarte pantallazo?

[xfxstudios]

debes subirla a algun servicio de colgado de imagenes en linea y postear la url aqui

[xfxstudios]

este es el codigo que use en esta prueba:

Código PHP:

<?php include('../Connections/conexion.php') ?>
 
<?php
$ver = $db->query("SELECT * FROM fechas");
$numero = mysqli_num_rows($ver);
?>
<style>
#fotos {
    display:block;
    position:relative;
    padding:15px;
    border:solid;
    float:left;
    
    margin-left:10px;
    margin-bottom:10px;
    
    border-radius:25px;
}
</style>
 
<div id="contenedor">
<?php
    if($numero >0){
    while($foto = $ver->fetch_array())
    {
    
        echo "<div id='fotos'>";
        echo    "<img src='../imagenes/".$foto['menu']."' width='384' height='216' alt='prueba'/>";
        echo "</div>";
    }
    } else{
        echo "NO HAY FOTOS QUE MOSTRAR";
    }
?>
</div>
 

[mikelez]

Esto es lo que me sale del codigo que has posteado

[xfxstudios]

recuerda que el ultimo codigo es una muestra que realiza lo que quieres, pero este debes adaptarlo al tuyo, es decir aplicar las variables que correspondasalvo que estes guardando el nombre de la imagen mal o algo asi

[mikelez]

No es el ultimo es el anterior que has posteado en dos partes

[mikelez]

Por fin he podido solucionarlo

Código:

<div class="row">
   <?php
      $p = 0;
      if($numprods == 0)
      {
         ?>
         <div class="col-md-12">
            <p><span style='font-weight: bold'>NO HAY PROYECTOS</span></p>
         </div>
         <?php
      }
      else
      {
         while($p < $numprods)
         {
         $idp                = $row_Recordset2['idp'];
         $imagen         = $row_Recordset2['fotop'];
         $descrip         = utf8_encode($row_Recordset2['textop']);
         ?>
         <div class="col-md-3 col-sm-6">
            <div class="portfolio-thumb">
               <img src="crearthumb.php?ima=<?php echo 'catalogo/'.$imagen; ?>" alt="obras" >
               <div class="overlay">
                  <div class="inner">
                     <h4><a href="<?php echo 'catalogo/'.$imagen; ?>" data-rel="lightbox"><?php echo $descrip; ?></a></h4>
                  </div>
               </div>
            </div>
</div>
<?php
$p++;
$row_Recordset2     = mysql_fetch_assoc($Recordset2);
}
}
?>
</div>