Buenas tengo un problema con mi tienda online, el caso es que quiero que se me muestre 3 articulos por linea y luego salte con un <tr> otra vez, los datos los coje de una base de datos,alguien que me sepa solucionar este pequeño problemilla, aqui os dejo el codigo:
<?php
session_start();
$host="localhost";
$usu="root";
$pusu="";
$bd="tienda69";
$conexion=mysqli_connect($host,$usu,$pusu) or die ("Error mysqli_connect: ". mysqli_connect_error());
mysqli_set_charset($conexion,'utf8');
mysqli_select_db($conexion,$bd) or die ("Error mysqli_select_db.");
$result=mysqli_query($conexion,"select imagen,nombre_producto,precio,links from TIENDA690 where producto='portatil' or producto='sobremesa' or producto='movil'")
or die ("Error mysqli_query.");
?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-es" lang="es-es">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Tecasoft.com | Venta de ordenadores y portatiles, venta de moviles.</title>
<meta name="description" content="Venta de ordenadores sobremesa, portatiles baratos y venta de moviles libres." />
<meta name="keywords" content="Venta de ordenadores, venta de ordenadores sobremesa, venta de portatiles, venta de moviles libres." />
<meta name="ROBOTS" content="INDEX,FOLLOW,ALL" />
<meta name="REVISIT" content="7 days" />
<meta name="REVISIT-AFTER" content="7 days" />
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
<link rel="shortcut icon" type="image/x-icon" href="imagenes/favicon.ico" />
<link rel="StyleSheet" type="text/css" href="css/estilos.css">
<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>-->
<!--<link rel="StyleSheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">-->
<!--<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>-->
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/slicebox.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
<script type="text/javascript" src="js/modernizr.custom.46884.js"></script>
<?php
$hora=date(H.":".i);
if($hora<8)
{
$rotatorio="08:00";
}
if($hora>7 && $hora<16)
{
$rotatorio="16:00";
}
if($hora>15)
{
$rotatorio="00:00";
}
?>
</head>
<body>
<div id="contenedor">
<!-- Cabecera larga -->
<div id="cabecera-larga">
<div id="anexo">
<a href="anexo.php" class="anexo" title="Cambiar idioma">Spanish (Cambiar ▼)</a>
<a href="clientes/entrar.php" class="anexo" title="Acceso a usuarios"> | Area de clientes</a>
</div>
</div>
</div>
<div id="contenedor2">
<!-- Cabecera -->
<div id="cabecera">
<div id="logo">
<div class="wrapper">
<ul id="sb-slider" class="sb-slider">
<li>
<a href="http://www.tecasoft.com"><img src="imagenes/logotipo1.png" alt="logotipo1"/></a>
<div class="sb-description">
<h3>Reparacion de ordenadores y portatiles</h3>
</div>
</li>
<li>
<a href="http://www.tecasoft.com"><img src="imagenes/logotipo2.png" alt="logotipo2"/></a>
<div class="sb-description">
<h3>Mantenimiento de servidores y redes corporativas</h3>
</div>
</li>
<li>
<a href="http://www.tecasoft.com"><img src="imagenes/logotipo3.png" alt="logotipo3"/></a>
<div class="sb-description">
<h3>Crea tu web a tu gusto desde 29,08€/mes</h3>
</div>
</li>
<li>
<a href="http://www.tecasoft.com"><img src="imagenes/logotipo4.png" alt="logotipo4"/></a>
<div class="sb-description">
<h3>Desarrollo web a medida</h3>
</div>
</li>
<li>
<a href="http://www.tecasoft.com"><img src="imagenes/logotipo5.png" alt="logotipo5"/></a>
<div class="sb-description">
<h3>Posicionamos tu web en las primeras posiciones de los buscadores</h3>
</div>
</li>
</li>
<li>
<a href="http://www.tecasoft.com"><img src="imagenes/logotipo7.png" alt="logotipo7"/></a>
<div class="sb-description">
<h3>Venta de portatiles, ordenadores, tablets, netbooks, moviles</h3>
</div>
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.slicebox.js"></script>
<script type="text/javascript">
$(function() {
var Page = (function() {
var $navArrows = $( '#nav-arrows' ).hide(),
$navDots = $( '#nav-dots' ).hide(),
$nav = $navDots.children( 'span' ),
$shadow = $( '#shadow' ).hide(),
slicebox = $( '#sb-slider' ).slicebox( {
onReady : function() {
$navArrows.show();
$navDots.show();
$shadow.show();
},
onBeforeChange : function( pos ) {
$nav.removeClass( 'nav-dot-current' );
$nav.eq( pos ).addClass( 'nav-dot-current' );
}
} ),
init = function() {
initEvents();
},
initEvents = function() {
// add navigation events
$navArrows.children( ':first' ).on( 'click', function() {
slicebox.next();
return false;
} );
$navArrows.children( ':last' ).on( 'click', function() {
slicebox.previous();
return false;
} );
$nav.each( function( i ) {
$( this ).on( 'click', function( event ) {
var $dot = $( this );
if( !slicebox.isActive() ) {
$nav.removeClass( 'nav-dot-current' );
$dot.addClass( 'nav-dot-current' );
}
slicebox.jump( i + 1 );
return false;
} );
} );
};
return { init : init };
})();
Page.init();
});
</script>
<!-- Menu navegador -->
<div id="navegador">
<div id="nav-izq">
<a href="reparacion-ordenadores.php" class="nav-izq" title="Reparacion de ordenadores, portatiles"> Reparacion de ordenadores</a><span class="nav-izq"> |</span>
<a href="servidores.php" class="nav-izq" title="Servidores linux">Servidores</a><span class="nav-izq"> |</span>
<a href="diseño-web.php" class="nav-izq" title="Diseño de webs">Diseño web</a><span class="nav-izq"> |</span>
<a href="posicionamiento-web.php" class="nav-izq" title="Posicionamiento web">Posicionamiento web</a><span class="nav-izq"> |</span>
<a href="mas-servicios.php" class="nav-izq" title="+ y + Servicios">Tienda</a>
</div>
<div id="nav-der">
<span class="nav-der">Movil: 722117718</span><span class="nav-der"> |</span>
<a href="chat/chat.php" class="nav-der" title="Chatea y resuelve dudas rapidamente" target="_blank">Chat</a>
</div>
</div>
<!-- El contenido central -->
<div id="contenido-sitemap">
<div id="columna2-sitemap">
<div style="margin-left: 30px;">
Producto: <br>
<p style="color: gray;">
<input type="radio" name="producto" value="portatil"> Portatil<br>
<input type="radio" name="producto" value="sobremesa"> Sobremesa<br>
<input type="radio" name="producto" value="movil"> Movil<br>
</p>
<br>
Precio: <br>
<p style="color: gray;">
<input type="radio" name="precio" value="0a100"> 0 a 100 €<br>
<input type="radio" name="precio" value="100a200"> 100 a 250 €<br>
<input type="radio" name="precio" value="250a500"> 250 a 500 €<br>
<input type="radio" name="precio" value="500a750"> 500 a 750 €<br>
</p>
<br>
Marca: <br>
<p style="color: gray;">
<input type="radio" name="marca" value="asus"> Asus <br>
...
</p>
</div>
<br><br><br><br><br><br><br><br>
</div>
<div id="columna3-sitemap">
<center>
<p><h1>Tecasoft.com TU TIENDA DE INFORMATICA</h1></p>
<br>
Ordenar por:
<select name="ordenar_por">
<option value="">Precio de menor a mayor</option>
<option value="">Precio de mayor a menor</option>
<option value="">Ofertas</option>
<option value="">Más vendidos</option>
</select>
<select name="por_pagina">
<option value="">15 por página</option>
<option value="">30 por página</option>
</select>
Pagina 1 de 3 >
<br><br>
<div>
<table border="0">
<?php
while($fila1=mysqli_fetch_array($result))
{
echo "<tr>";
if(isset($fila1['imagen']))
{
?>
<td><a href='tienda/<? echo $fila1['links'] ?>'><img src='<? echo $fila1['imagen'] ?> ' width='100px' height='120px'></a></td>
<?
}
if(isset($fila1['nombre_producto']))
{
?>
<td><a href='tienda/<? echo $fila1['links'] ?>'><h6 style='color: gray;'><b> <? echo $fila1['nombre_producto'] ?></b></h6></a></td>
<?
}
if(isset($fila1['precio']))
{
?>
<td><center><a href='tienda/<? echo $fila1['links'] ?>'><h3 style='color:red;'>Por solo <? echo $fila1['precio'] ?>€</h3></a></center></td>
<?
}
echo "</tr>";
}
?>
</table>
<?
mysqli_close($conexion);
?>
<tr>
<td><img src="imagenes/torre1.jpg" alt="torre1" width="100px" height="120px"></td>
<td><img src="imagenes/torre1.jpg" alt="torre2" width="100px" height="120px"></td>
<td><img src="imagenes/torre1.jpg" alt="torre2" width="100px" height="120px"></td>
</tr>
<tr>
<td>
<h6 style="color: gray;"><b>INTEL CELERON G1620 2.7GHZ <br>
2GB RAM/500GB DISCO DURO<br>
MARCA: ASUS<br>
WINDOWS 7 O LINUX</b></h6>
</td>
<td>
<h6 style="color: gray;"><b>INTEL CORE I3-2120 3.3GHZ <br>
2GB RAM/500GB DISCO DURO<br>
MARCA: ASUS<br>
WINDOWS 7 O LINUX</b></h6>
</td>
<td>
<h6 style="color: gray;"><b>INTEL CORE I5 3330 3.0GHZ <br>
2GB RAM/500GB DISCO DURO<br>
MARCA: ASUS<br>
WINDOWS 7 O LINUX</b></h6>
</td>
</tr>
<tr>
<td><img src="imagenes/torre1.jpg" alt="torre1" width="100px" height="120px"></td>
<td><img src="imagenes/torre1.jpg" alt="torre2" width="100px" height="120px"></td>
</tr>
<tr>
<td>
<h6 style="color: gray;"><b>INTEL CORE I7-3770<br>
2GB RAM/500GB DISCO DURO<br>
MARCA: ASUS<br>
WINDOWS 7 O LINUX</b></h6>
</td>
<td>
<h6 style="color: gray;"><b>Ordenadores hechos a medida.</b></h6>
</td>
</tr>
<tr>
<td>
<center><h3 style="color:red;">Por solo 449€</h3></center>
</td>
<td>
<center><h3 style="color:red;">Consultar</h3></center>
</td>
</tr>
</div>
<br>
Ordenar por:
<select name="ordenar_por">
<option value="">Precio de menor a mayor</option>
<option value="">Precio de mayor a menor</option>
<option value="">Ofertas</option>
<option value="">Más vendidos</option>
</select>
<select name="por_pagina">
<option value="">15 por página</option>
<option value="">30 por página</option>
</select>
Pagina 1 de 3 >
</center>
<br><br><br><br><br>
</div>
</div>
<!-- Pie Pagina -->
<div id="pie">
<hr>
<div id="pie-izq">
<a href="legal.php" class="pie-izq" title="Condiciones Generales de Contratación">Legal | </a>
<a href="proteccion-de-datos.php" class="pie-izq" title="Protección de datos personales">Proteccion de datos | </a>
<a href="central-de-soporte.php" class="pie-izq" title="Documentación de ayuda">Central de soporte | </a>
<a href="sitemap.php" class="pie-izq" title="Todos los enlaces web">Mapa web | </a>
<span class="pie-izq">Rotacion soporte: <? echo $rotatorio ?> | </span>
<span class="pie-izq">Hora: <? echo $hora ?> </span>
</div>
<div id="pie-der">
<a href="empresas-grupo.php" class="pie-der" title="Nuestro grupo empresarial">Empresas del grupo: anonimo S.L</a>
</div>
<br><br>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-36074787-1', 'tecasoft.com');
ga('send', 'pageview');
</script>
</body>
</html>