Foros del Web » Creando para Internet » CSS »

Ordenar elementos en tabla

Estas en el tema de Ordenar elementos en tabla en el foro de CSS en Foros del Web. Hola, estoy utilizando php para mostrar una tabla de una base de datos que contiene una imagen y quisiera que se muestren en forma de ...
  #1 (permalink)  
Antiguo 01/07/2015, 17:06
 
Fecha de Ingreso: abril-2014
Mensajes: 141
Antigüedad: 10 años
Puntos: 1
Ordenar elementos en tabla

Hola, estoy utilizando php para mostrar una tabla de una base de datos que contiene una imagen y quisiera que se muestren en forma de fila, asi:

1-2-3-4-5
6-7-8-9-10
-11-12-13-14-15
...

pero solo logro que se muestren en forma de lista

esta es mi tabla:

Código HTML:
<table>
            <tr>
                            
              <td>         
                  
                    <?php foreach ($multimedia as $multimedia): ?>
                                <div class="panel panel-default">
                                    <a href="#">
                                    <div class="panel-body">
                                        <?= $this->Html->image("../files\\" .$multimedia->url, array('width' => '10%')); ?>
                                    </div>
                                    <h4 class="panel-title-bottom"> <?= ($multimedia->title) ?><br/><br/><?= $multimedia->has('category') ? $this->Html->link($multimedia->category->category, ['controller' => 'Categories', 'action' => 'view', $multimedia->category->category]) : '' ?></h3>
                                    <a href="#" id="search-trigger" class="search-trigger">��</a>
                                    </a>
                                </div>
                        <?php endforeach; ?>
                  
                </td>
            
          </tr>
               </table> 
  #2 (permalink)  
Antiguo 02/07/2015, 01:02
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 15 años, 8 meses
Puntos: 2237
Respuesta: Ordenar elementos en tabla

Esto no es problema de PHP, sino de HTML/CSS y la solución es muy simple: No uses tablas.

Muevo tu tema a CSS donde te podrán orientar mejor sobre el diseño de tu página.
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 02/07/2015, 13:04
 
Fecha de Ingreso: abril-2014
Mensajes: 141
Antigüedad: 10 años
Puntos: 1
Respuesta: Ordenar elementos en tabla

Ya no utilice tablas:
Código HTML:
<div id="panel" class="row">
                    <div class="latest">LATEST PHOTOS<br/></div>
                   
                <?php foreach ($multimedia as $multimedia): ?>
               
                     <div class="col-sm-3">
                                        
                        <div class="panel panel-default">
                            <a href="<?php $user->id ?>">
                                <div class="panel-body">
                                   
    <?= $this->Html->image("../files\\" .$multimedia->url, array('width' => '300px')); ?> 
                                </div>
                                <div class="panel-footer">
                                    <h4 class="panel-title-bottom"> <?= ($multimedia->title) ?><br/><br/><?= $multimedia->has('category') ? $this->Html->link($multimedia->category->category, ['controller' => 'Categories', 'action' => 'view', $multimedia->category->category]) : '' ?></h4>
                                    <a href="#" id="search-trigger" class="search-trigger">🔍</a>
                                </div>
                            </a>
                        </div>
                    
                    </div> 
               
                        <?php endforeach; ?>
      
                      </div> 
y ahora salen bien de forma horizontal pero al saltar a la siguiente fila algunos elementos dejan mucho espacio con el elemento de arriba.

Cuando utilizo lo mismo pero sin el php se ordenan bien.

Etiquetas: elementos, html, php, tabla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:20.