Ver Mensaje Individual
  #10 (permalink)  
Antiguo 03/01/2007, 13:47
Avatar de Myakire
Myakire
Colaborador
 
Fecha de Ingreso: enero-2002
Ubicación: Centro de la república
Mensajes: 8.849
Antigüedad: 23 años, 3 meses
Puntos: 146
Re: mostrando registros en filas y columnas.

Bueno, 10 columnas X 20 filas de imagenes de 1K (suponiendo que eso pesan), son 200K más lo que sea de la página, pues ya es algo lo que el cliente recibe, creo que las imágenes si son factor en el desempeño.

Pero igual, solo para que lo compruebes, te pongo un código para maquetar 10 columnas por N filas mediente CSS

Código:
<html>
<head>
<title></title>
<style type="text/css">
body{background: #FFF;color: #333;text-align:center;font: 16px Verdana,Arial}
ul#about,ul#about li{list-style-type:none;margin:0;padding:0}
ul#about{width: 600px;margin:70px auto 0;text-align:left}
ul#about li{float:left;width: 25px; height:25px;
    padding: 10px 5px 5px 5px;margin:8px 8px 0 0}
li#ab1{background: #FC0}
li#ab2{background: #9F3}
li#ab3{background: #F60}
li#ab4{background: #39F}
</style>
</head>
<body>
<ul id="about">
    <li id="ab1">Celda 1.1</li>
    <li id="ab1">Celda 1.2</li>
    <li id="ab1">Celda 1.3</li>
    <li id="ab1">Celda 1.4</li>
    <li id="ab1">Celda 1.5</li>
    <li id="ab1">Celda 1.6</li>
    <li id="ab1">Celda 1.7</li>
    <li id="ab1">Celda 1.8</li>
    <li id="ab1">Celda 1.9</li>
    <li id="ab1">Celda 1.10</li>
    <li id="ab2">Celda 2.1</li>
    <li id="ab2">Celda 2.2</li>
    <li id="ab2">Celda 2.3</li>
    <li id="ab2">Celda 2.4</li>
    <li id="ab2">Celda 2.5</li>
    <li id="ab2">Celda 2.6</li>
    <li id="ab2">Celda 2.7</li>
    <li id="ab2">Celda 2.8</li>
    <li id="ab2">Celda 2.9</li>
    <li id="ab2">Celda 2.10</li>
    <li id="ab3">Celda 3.1</li>
    <li id="ab3">Celda 3.2</li>
    <li id="ab3">Celda 3.3</li>
    <li id="ab3">Celda 3.4</li>
    <li id="ab3">Celda 3.5</li>
    <li id="ab3">Celda 3.6</li>
    <li id="ab3">Celda 3.7</li>
    <li id="ab3">Celda 3.8</li>
    <li id="ab3">Celda 3.9</li>
    <li id="ab3">Celda 3.10</li>
    <li id="ab4">Celda 4.1</li>
    <li id="ab4">Celda 4.2</li>
    <li id="ab4">Celda 4.3</li>
    <li id="ab4">Celda 4.4</li>
    <li id="ab4">Celda 4.5</li>
    <li id="ab4">Celda 4.6</li>
    <li id="ab4">Celda 4.7</li>
    <li id="ab4">Celda 4.8</li>
    <li id="ab4">Celda 4.9</li>
    <li id="ab4">Celda 4.10</li>
etcetera, etcetera, etcetera
</ul>
</body>
</html>