reducir peso de una tabla

zaida · 10-ene-2008, 08:50

Hola a todos, tengo una duda:

Estoy creando un sitio web y una de las páginas de momento, solo tiene una tabla hecha con html, el problema es que sólo la tabla pesa 44Kb y relentiza mucho el sitio web a la hora de visitalo. ¿Alguien prodría decirme como puedo solucionarlo?

Saludos y muchas gracias

KH-Nahuel · 10-ene-2008, 12:24

Posteala aquí (acuerdate de usar los tags de code) así te ayudamos :)

zaida · 10-ene-2008, 14:02

Hola
gracias por contestar KH-Nahuel

éste es el codigo:

Código HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
.Estilo3 {font-family: Tahoma, Verdana; font-size: 11px; }
.Estilo4 {font-size: 11px}
.Estilo6 {font-family: Tahoma, Verdana; font-size: 11px; font-weight: bold; }
.Estilo7 {font-size: 11px; font-weight: bold; }
-->
</style>
</head>

<body>
<table width="566" border="0">
  <tr>
    <td colspan="3" bordercolor="#CCCCFF" bgcolor="#CCCCFF"><strong><font style="font-size:11px">SECTOR 
      CLIMATIZACI&Oacute;N</font></strong></td>
  </tr>
  <tr>
    <td colspan="3" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><strong><font style="font-size:11px">FR&Iacute;O 
      COMERCIAL Y ALIMENTARIO</font></strong></td>
  </tr>
  <tr>
    <td width="90" height="25" bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Friolisa</span></td>
    <td width="364" bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Control y telegestion alumbrado y climatizacion agencias bancarias </span></td>
    <td width="108" bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Espa&ntilde;a</span></td>
  </tr>
  <tr>
    <td height="25" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><span class="Estilo3">Capdevila</span></td>
    <td bordercolor="#FFFFFF" bgcolor="#FFFFFF"><span class="Estilo3">Registro temperaturas camaras frigorificas, conexion red local </span></td>
    <td bordercolor="#FFFFFF" bgcolor="#FFFFFF"><span class="Estilo3">Espa&ntilde;a</span></td>
  </tr>
  <tr>
    <td height="25" bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Dispuig</span></td>
    <td bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Control y telegestion camaras frigorificas </span></td>
    <td bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Espa&ntilde;a</span></td>
  </tr>
  <tr>
    <td height="25" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><span class="Estilo3">J. Ferrer i Fills </span></td>
    <td bordercolor="#FFFFFF" bgcolor="#FFFFFF"><span class="Estilo3">Registro temperaturas camaras frigorificas </span></td>
    <td bordercolor="#FFFFFF" bgcolor="#FFFFFF"><span class="Estilo3">Espa&ntilde;a</span></td>
  </tr>
  <tr>
    <td height="25" bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Supermercado COOP </span></td>
    <td bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Vigilancia instalaciones tecnicas (Vaud Chablais) </span></td>
    <td bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Francia</span></td>
  </tr>
  <tr>
    <td height="25" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><span class="Estilo3">Supermercado Migros </span></td>
    <td bordercolor="#FFFFFF" bgcolor="#FFFFFF"><span class="Estilo3">Vigilancia temperaturas, alarmas tecnicas climatizacion y frio industrial </span></td>
    <td bordercolor="#FFFFFF" bgcolor="#FFFFFF"><span class="Estilo3">Francia</span></td>
  </tr>
  <tr>
    <td height="25" bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Supermercado Leclerc </span></td>
    <td bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Control produccion frio, Adquisicion y registro temperaturas (Beauvais) </span></td>
    <td bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Francia</span></td>
  </tr>
  <tr>
    <td height="25" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><span class="Estilo3">Boucherie</span></td>
    <td bordercolor="#FFFFFF" bgcolor="#FFFFFF"><span class="Estilo3">Adquisicion y registro temperaturas (Paris) </span></td>
    <td bordercolor="#FFFFFF" bgcolor="#FFFFFF"><span class="Estilo3">Francia</span></td>
  </tr>
  <tr>
    <td height="25" bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Super U </span></td>
    <td bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Tele - Vigilancia, Adquisicuin y registro temperaturas (L&acute;huiseerie) </span></td>
    <td bordercolor="#E6E6FF" bgcolor="#E6E6FF"><span class="Estilo3">Francia</span></td>
  </tr>
  <tr>
    <td colspan="3" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><strong><font style="font-size:11px">CALEFACCI&Oacute;N 
      A GAS OIL Y GAS</font></strong></td>
  </tr>
  <tr>
    <td height="25" bordercolor="#E3D5FF" bgcolor="#E3D5FF"><span class="Estilo4" style="font-family: Tahoma, Verdana"><font style="font-size:11px">Gas Natural 
      Servicios</font></span></td>
    <td bordercolor="#E3D5FF" bgcolor="#E3D5FF"><span class="Estilo4" style="font-family: Tahoma, Verdana"><font style="font-size:11px">Telegesti&oacute;n 
      energ&eacute;tica, Tele lectura contadores, vigilancia salas produci&oacute;n 
      fr&iacute;o y calor, Puesto control para supervisi&oacute;n (63 estaciones)</font></span></td>
    <td bordercolor="#E3D5FF" bgcolor="#E3D5FF"><span class="Estilo3">Espa&ntilde;a</span></td>
  </tr>
  <tr>
    <td height="25" bordercolor="#F5F0FF" bgcolor="#F5F0FF"><span class="Estilo4" style="font-family: Tahoma, Verdana"><font style="font-size:11px">GEIEG</font></span></td>
    <td bordercolor="#F5F0FF" bgcolor="#F5F0FF"><span class="Estilo4" style="font-family: Tahoma, Verdana"><font style="font-size:11px">Control, 
      telegesti&oacute;n y tele lectura contadores energ&eacute;ticos del sistema 
      producci&oacute;n ACS, calefacci&oacute;n y refrigeraci&oacute;n 2 piscinas 
      climatizadas, Puesto control para supervisi&oacute;n </font></span></td>
    <td bordercolor="#F5F0FF" bgcolor="#F5F0FF"><span class="Estilo3">Espa&ntilde;a</span></td>
  </tr>
  <tr>

sigue...

ideasmultiples · 10-ene-2008, 14:09

Deberías empezar por definir todos los estilos en un sólo sitio

Apolo · 10-ene-2008, 14:10

¡ESPERA zaida!

Para una próxima oportunidad, mejor copias eso en un archivo .txt y pones el enlace o lo pones como adjunto en tu tema. No es nada cómodo leer varios mensajes seguidos en donde dice "sigue..." y "sigue...".

Saludos,

EDITO: he borrado 9 de tus mensajes. Mira que seguiste publicando y ni siquiera te diste cuenta de mi respuesta y del consejo de ideasmultiples.

zaida · 11-ene-2008, 08:41

Cita:

Para una próxima oportunidad, mejor copias eso en un archivo .txt y pones el enlace o lo pones como adjunto en tu tema. No es nada cómodo leer varios mensajes seguidos en donde dice "sigue..." y "sigue...".

Saludos,

EDITO: he borrado 9 de tus mensajes. Mira que seguiste publicando y ni siquiera te diste cuenta de mi respuesta y del consejo de ideasmultiples.

upsss lo siento mucho, si se que no es cómodo pero con las prisas no pensé en el archivo.txt ni tampoco vi que me habia contestado ideasmultiples. LO SIENTO.

Cita:

Deberías empezar por definir todos los estilos en un sólo sitio

Con css verdad? Es que no tengo ni idea de css.

Saludos y gracias!!!

monoswim · 11-ene-2008, 14:23

te recomiendo que entres en www.desarrolloweb.com y aprendas sobre CSS...por ejemplo

<td bordercolor="#FFFFFF" bgcolor="#FFFFFF"><span class="Estilo3">

todo eso lo tienes en cada celda, puedes ahorrarte varios bytes colocando solo

<td class="c1">

y en tu css colocas algo así como

.c1 {border: 1px solid #FFFFFF; background-color:#FFFFFF; ...}

la idea es que el css es define esos valores una sola vez, y en cada celda de tu tabla HTML haces referencia a ese estilo...

Espero que te sirva

Saludos

zaida · 14-ene-2008, 08:27

Muchas gracias monoswim

voy a buscar información sobre ello y a intentar hacerlo así.

Saludos y gracias!!!