Foros del Web » Programando para Internet » Javascript »

rejillas con <div>

 Estas en el tema de rejillas con <div> en el foro de Javascript en Foros del Web. he estado buscando en el foros y no he encontrado nada sobre como hacer una rejilla (grid) con uno o varios <div>. Lo que quiero ...
  #1 (permalink)  
Antiguo 11/06/2003, 04:56
Avatar de davidvamo  
Fecha de Ingreso: diciembre-2001
Ubicación: Barcelona '92
Mensajes: 106
Antigüedad: 23 años
Puntos: 0
Pregunta rejillas con <div>
he estado buscando en el foros y no he encontrado nada sobre como hacer una rejilla (grid) con uno o varios <div>.
Lo que quiero que tenga scroll es la tabla de precios / compañia.
Se que se puede hacer por capas pero me pierdo un poco en este tema.
gracias por mirarse este mensaje.

Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title>Tarificador Autos</title>
 <SCRIPT LANGUAGE="javascript" src="codigo.js"></script>
 <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
 <!--
 var celda_ant;
 celda_ant="";
 // ilumino una celda seleccionada
 function ilumina(celda){
   if (celda_ant=="")
   { 
     celda_ant = celda;
    }
   celda_ant.style.backgroundColor="white";
   celda.style.backgroundColor="#FABE55";
   celda_ant = celda;
 }
 
 //-->
 </SCRIPT>
</head>
<body topmargin="0" leftmargin="5">
<form target="cabecera_tarif" name="frmtarifas" method="post" action="e-colaborador/productos/cabecera_tarif.asp?estado=IPprod=AUTO&solicitud=siauto&exp=ECI00012001040105&pry=53">

<!-- PRIMAS COMPAÑIAS -->

 <table cellspacing=0 cellpadding=0 border=1 align="center" bordercolor="white">
  <tr><td height="5"></td></tr>
  <tr>
   <td valign="bottom">
    <table cellspacing=2 cellpadding=2 border=0 align="left">
     <tr><td height="50" class="txtNavy8b" valign="middle" align="center">&nbsp;Seleccione compañía / modalidad <br>para continuar</td></tr>
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">Terceros</td></tr>
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">Terceros, Lunas</td></tr>
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">Terceros, Lunas, Robo</td></tr>
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">Terceros, Lunas, Robo, Incendio</td></tr>
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo sin franquicia</td></tr>
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo Frq. 1-200</td></tr>
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo Frq. 201-300</td></tr>
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo Frq. 301-400</td></tr>
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo Frq. 401-500</td></tr>
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo Frq. 501-600</td></tr>
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">T. Riesgo Frq. mayor 601</td></tr>
     <tr><td nowrap bgcolor="Teal" class="txtblanco7b">Terc., Lunas, Robo, Inc., P. total</td></tr>
    </table> 
aquí empezaria la rejilla
Código PHP:
   </td>
           <td valign="bottom">
            <table cellspacing=1 cellpadding=2 border=0>
             <tr><td nowrap height="50" bgcolor="Teal" class="txtblanco8b" align="center">COMPAÑIA 1<font class="txtblanco7b"><br>&nbsp;[AUTO]</font></td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">389,90</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">439,57</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">439,57</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">1.016,19</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(302) 712,71</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">530,61</td></tr>
            </table>
           </td>
           <td valign="bottom">
            <table cellspacing=1 cellpadding=2 border=0>
             <tr><td nowrap height="50" bgcolor="Teal" class="txtblanco8b" align="center">COMPAÑIA 2</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">1.414,35</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">1.435,92</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">1.484,17</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">1.484,17</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">2.972,49</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(180) 2.514,60</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(360) 2.285,65</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(600) 2.133,02</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(3000) 1.565,41</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">1.565,44</td></tr>
            </table>
           </td>
           <td valign="bottom">
            <table cellspacing=1 cellpadding=2 border=0>
             <tr><td nowrap height="50" bgcolor="Teal" class="txtblanco8b" align="center">COMPAÑIA 3<font class="txtblanco7b"><br>&nbsp;[AUTOS]</font></td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">751,68</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">810,93</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">932,62</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">932,62</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">1.916,07</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(180) 1.470,80</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(360) 1.322,38</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(600) 1.223,43</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(900) 1.124,48</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
            </table>
           </td>
           <td valign="bottom">
            <table cellspacing=1 cellpadding=2 border=0>
             <tr><td nowrap height="50" bgcolor="Teal" class="txtblanco8b" align="center">COMPAÑIA 4<font class="txtblanco7b"><br>&nbsp;[MAXI AUTO]</font></td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">858,39</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">902,35</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">1.013,22</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">1.058,64</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">2.617,77</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(200) 1.862,71</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(400) 1.636,00</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(650) 1.409,29</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">1.174,48</td></tr>
            </table>
           </td>
           <td valign="bottom">
            <table cellspacing=1 cellpadding=2 border=0>
             <tr><td nowrap height="50" bgcolor="Teal" class="txtblanco8b" align="center">COMPAÑIA 5</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">447,80</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">492,81</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">551,25</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">568,63</td></tr>
             <tr><td onclick="ilumina(this);" class="txtverde8" style="font-color=Teal" align="right">1.387,70</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(150) 1.047,92</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(300) 955,25</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(450) 847,14</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(600) 808,53</td></tr>
             <tr><td onclick="ilumina(this);" nowrap class="txtverde8" align="right">(1200) 769,92</td></tr>
             <tr><td class="txtnavy8" align="right">0,00</td></tr>
            </table>
           </td>
          </tr>
          <tr><td height="20"></td></tr>
         </table> 
aquí termina la rejilla
</form>
</body>
</html>[/php]
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 19:35.