Foros del Web » Programando para Internet » Javascript »

Problemas con aspecto height de celdas

 Estas en el tema de Problemas con aspecto height de celdas en el foro de Javascript en Foros del Web. Hola Estoy intentando hacer mediante Javascript un control del estilo subir y bajar volumen. Lo estoy haciendo mediante una tabla la cual la primera y ...
  #1 (permalink)  
Antiguo 07/02/2013, 03:06
 
Fecha de Ingreso: septiembre-2009
Mensajes: 84
Antigüedad: 15 años, 2 meses
Puntos: 2
Problemas con aspecto height de celdas
Hola

Estoy intentando hacer mediante Javascript un control del estilo subir y bajar volumen.

Lo estoy haciendo mediante una tabla la cual la primera y ultima celda son las de subir volumen y bajar.

Luego las celdas de "entre medias" es la barra de volumen siendo su tamaño en su version horizontal

var celda.style.width (o height para vertical) = (tabla.style.width - 92) / ((volmax-volmin) / escala);

el -92 es la suma del tamaño de las celdas iniciales y finales y

/ ((volmax-volmin) / escala);

es para que sea el tamaño de la tabla sea siempre igual sea cual sea el rango de volumen y el paso de volumen a volumen (1 paso -> 1%,2%,3% 0.1 paso -> 1.1%,1.2%....)

El tema es que si el control de volumen es en barra horizontal funciona a la perfeccion sin embargo al hacerlo en vertical el Alto de las celdas siempre es un poco mas grande en pantalla de lo que realmente dice la propiedad height de la celda

es decir si en horizontal el control deberia de tener 1px de ancho(width el mismo control en direccion vertical deberia tener 1px de alto(height) y de hecho explorando con el firebug tiene exactamente el tamaño que toca pero representado en pantalla se ve mas grande

No se si es que el atributo height lo estoy aplicando mal o que.

cada celda tanto en vertical como horizontal tiene de relleno un &nsbp para que la celda represente los bordes

A ver si alguien me ilumina con su sabiduria
  #2 (permalink)  
Antiguo 07/02/2013, 04:54
Avatar de ipraetoriux  
Fecha de Ingreso: abril-2010
Ubicación: ipraetoriux.com
Mensajes: 1.125
Antigüedad: 14 años, 6 meses
Puntos: 155
Respuesta: Problemas con aspecto height de celdas
...si es lo que me imagino, no entiendo mucho porque estas usando tablas para esto, podes hacer con jQuery mucho mas fácil y de mejor calidad algo asi...http://media02.hongkiat.com/jquery-u...emo/index.html o asi http://demo.tutorialzine.com/2011/11...s-css3-jquery/
  #3 (permalink)  
Antiguo 07/02/2013, 06:40
 
Fecha de Ingreso: septiembre-2009
Mensajes: 84
Antigüedad: 15 años, 2 meses
Puntos: 2
Respuesta: Problemas con aspecto height de celdas
Es que para esto en concreto necesito hacerlo de este modo

mirar os pego el codigo

Cita:
<html>

<head>
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8' />
<title>Ejemplo 16</title>

<script type='text/javascript'>

var volactual;

function ini(tempini,tmax,tmin,escala)
{

p_horizontal(tempini,tmax,tmin,escala);
p_vertical(tempini,tmax,tmin,escala);
}

function p_horizontal(consigna,tmax,tmin,escala)
{
if (consigna > tmax ) alert("Maximo volumen superado")
else if (consigna < tmin ) alert("Minimo volumen superado")
else {


volactual = consigna;
while (document.getElementById("volumeh").hasChildNodes( )) document.getElementById("volumeh").removeChild(doc ument.getElementById("volumeh").firstChild);

var control = document.createElement('TABLE');
control.className="h_control"
control.id="h_control";
control.width = 300

control.cellPadding="0";
control.cellSpacing="0";
control.border="0";
var control_f = document.createElement('TR');
var control_left = document.createElement('TD');

var img1=document.createElement("img"); img1.src="images/leftarrow.png";
control_left.setAttribute("onClick", "p_horizontal("+(tempactual - escala)+','+tmax+','+tmin+','+escala+")");
control_left.appendChild(img1);
control_left.className="leftbutton"
control_left.style.borderRight="1px solid #616161";
control_left.width


control_f.appendChild(control_left);

for(var i = tmin; i <= tmax; i= i + escala)
{

var control_c = document.createElement('TD');

control_c.innerHTML="&nbsp";
control_c.width = ((control.width - 84) / (tmax-tmin) ) * escala;
//alert(control_c.width)
control_c.height = 80;
control_c.setAttribute("onClick", "p_horizontal("+i+','+tmax+','+tmin+','+escala+")" );

control_c.style.borderTop="1px solid #616161";
control_c.style.borderBottom="1px solid #616161";


if(i <= consigna) control_c.style.backgroundColor = "#cac7c6";
control_f.appendChild(control_c);


}

var control_right = document.createElement('TD');

var img1=document.createElement("img"); img1.src="images/rightarrow.png";

control_right.setAttribute("onClick", "p_horizontal("+(tempactual + escala)+','+tmax+','+tmin+','+escala+")");
control_right.appendChild(img1);
control_right.style.borderLeft="1px solid #616161";
control_f.appendChild(control_right);



control.appendChild(control_f);
document.getElementById("volumeh").appendChild(con trol);

}
}


function p_vertical(consigna,tmax,tmin,escala)
{
if (consigna > tmax ) alert("Volumen maximo superado")
else if (consigna < tmin ) alert("Volumen minimo superado")
else {


volactual = consigna;
while (document.getElementById("volumev").hasChildNodes( )) document.getElementById("volumev").removeChild(doc ument.getElementById("volumev").firstChild);

var control = document.createElement('TABLE');
control.cellPadding="0";
control.cellSpacing="0";
control.border="0";
var size = 300;

var control_f = document.createElement('TR');

var control_left = document.createElement('TD');
var img1=document.createElement("img"); img1.src="images/uparrow.png";
control_left.setAttribute("onClick", "p_vertical("+(volactual + escala)+','+tmax+','+tmin+','+escala+")");
control_left.appendChild(img1);
control_left.className="leftbutton"
control_left.style.borderBottom="1px solid #616161";

control_f.appendChild(control_left);
control.appendChild(control_f)
for(var i = tmax; i >= tmin; i= i - escala)
{
var control_f = document.createElement('TR');
var control_c = document.createElement('TD');
control_c.innerHTML="&nbsp";
control_c.height = ((size - 84) / (tmax-tmin) ) * escala;
control_c.width = 70;
control_c.style.borderLeft="1px solid #616161";
control_c.style.borderRight="1px solid #616161";
if(i <= consigna) control_c.style.backgroundColor = "#cac7c6";
control_c.setAttribute("onClick", "p_vertical("+i+','+tmax+','+tmin+','+escala+" )");
control_f.appendChild(control_c);
control.appendChild(control_f)
}
var control_f = document.createElement('TR');
var control_right = document.createElement('TD');
var img1=document.createElement("img"); img1.src="images/downarrow.png";
control_right.setAttribute("onClick", "p_vertical("+(volactual - escala)+','+tmax+','+tmin+','+escala+")");
control_right.appendChild(img1);
control_right.style.borderTop="1px solid #616161";


control_f.appendChild(control_right);
control.appendChild(control_f)





document.getElementById("volumev").appendChild(con trol);
}
}

</script>
</head>

<body onload="ini(20,25,20,0.1)">

<div id="volumeh"></div><br><br>

<div id="volumev"></div><br><br>

</body>
</html>
El tema es que al hacerlo vertical el alto de la celda es mas grande de lo que realmente le pongo que tiene que ser, pero solo visualmente por que si ispeccionas el codigo el valor de height lo pone bien
  #4 (permalink)  
Antiguo 07/02/2013, 08:00
Avatar de emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Problemas con aspecto height de celdas
No utilices cita () para encerrar tú código, ya que se trunca y hay que revisarlo linea por linea, usa code ó el highlight

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 07/02/2013, 10:49
 
Fecha de Ingreso: septiembre-2009
Mensajes: 84
Antigüedad: 15 años, 2 meses
Puntos: 2
Respuesta: Problemas con aspecto height de celdas
Perdon lo copio otra vez que no me deja editar

Código: 
<html>

<head>
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8' />
<title>Ejemplo 16</title>

<script type='text/javascript'>

var volactual;

function ini(tempini,tmax,tmin,escala)
{

p_horizontal(tempini,tmax,tmin,escala); 
p_vertical(tempini,tmax,tmin,escala); 
}

function p_horizontal(consigna,tmax,tmin,escala)
{ 

if (consigna > tmax ) alert("Maximo volumen superado")
else if (consigna < tmin ) alert("Minimo volumen superado")
else {


volactual = consigna; 
while (document.getElementById("volumeh").hasChildNodes( )) document.getElementById("volumeh").removeChild(doc ument.getElementById("volumeh").firstChild);

var control = document.createElement('TABLE');
control.className="h_control"
control.id="h_control";
control.width = 300

control.cellPadding="0";
control.cellSpacing="0";
control.border="0";
var control_f = document.createElement('TR');
var control_left = document.createElement('TD');

var img1=document.createElement("img"); img1.src="images/leftarrow.png"; 
control_left.setAttribute("onClick", "p_horizontal("+(tempactual - escala)+','+tmax+','+tmin+','+escala+")"); 
control_left.appendChild(img1);
control_left.className="leftbutton"
control_left.style.borderRight="1px solid #616161";
control_left.width


control_f.appendChild(control_left);

for(var i = tmin; i <= tmax; i= i + escala)
{

var control_c = document.createElement('TD');

control_c.innerHTML="&nbsp";
control_c.width = ((control.width - 84) / (tmax-tmin) ) * escala;
//alert(control_c.width)
control_c.height = 80;
control_c.setAttribute("onClick", "p_horizontal("+i+','+tmax+','+tmin+','+escala+")" );

control_c.style.borderTop="1px solid #616161";
control_c.style.borderBottom="1px solid #616161";


if(i <= consigna) control_c.style.backgroundColor = "#cac7c6";
control_f.appendChild(control_c);


}

var control_right = document.createElement('TD');

var img1=document.createElement("img"); img1.src="images/rightarrow.png"; 

control_right.setAttribute("onClick", "p_horizontal("+(tempactual + escala)+','+tmax+','+tmin+','+escala+")");
control_right.appendChild(img1);
control_right.style.borderLeft="1px solid #616161";
control_f.appendChild(control_right);



control.appendChild(control_f);
document.getElementById("volumeh").appendChild(con trol); 

} 
}


function p_vertical(consigna,tmax,tmin,escala)
{ 
if (consigna > tmax ) alert("Volumen maximo superado")
else if (consigna < tmin ) alert("Volumen minimo superado")
else {


volactual = consigna; 
while (document.getElementById("volumev").hasChildNodes( )) document.getElementById("volumev").removeChild(doc ument.getElementById("volumev").firstChild);

var control = document.createElement('TABLE');
control.cellPadding="0";
control.cellSpacing="0";
control.border="0";
var size = 300;

var control_f = document.createElement('TR');

var control_left = document.createElement('TD');
var img1=document.createElement("img"); img1.src="images/uparrow.png";
control_left.setAttribute("onClick", "p_vertical("+(volactual + escala)+','+tmax+','+tmin+','+escala+")"); 
control_left.appendChild(img1);
control_left.className="leftbutton"
control_left.style.borderBottom="1px solid #616161";

control_f.appendChild(control_left);
control.appendChild(control_f)
for(var i = tmax; i >= tmin; i= i - escala)
{
var control_f = document.createElement('TR');
var control_c = document.createElement('TD');
control_c.innerHTML="&nbsp";
control_c.height = ((size - 84) / (tmax-tmin) ) * escala;
control_c.width = 70; 
control_c.style.borderLeft="1px solid #616161";
control_c.style.borderRight="1px solid #616161"; 
if(i <= consigna) control_c.style.backgroundColor = "#cac7c6";
control_c.setAttribute("onClick", "p_vertical("+i+','+tmax+','+tmin+','+escala+" )");
control_f.appendChild(control_c);
control.appendChild(control_f)
}
var control_f = document.createElement('TR');
var control_right = document.createElement('TD');
var img1=document.createElement("img"); img1.src="images/downarrow.png";
control_right.setAttribute("onClick", "p_vertical("+(volactual - escala)+','+tmax+','+tmin+','+escala+")");
control_right.appendChild(img1);
control_right.style.borderTop="1px solid #616161";


control_f.appendChild(control_right);
control.appendChild(control_f)





document.getElementById("volumev").appendChild(con trol); 
} 
}

</script>
</head>

<body onload="ini(20,25,20,0.1)">

<div id="volumeh"></div><br><br>

<div id="volumev"></div><br><br>

</body>
</html>
  #6 (permalink)  
Antiguo 07/02/2013, 11:00
Avatar de emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Problemas con aspecto height de celdas
Si, pero me copiaste el código del cite anterior y seguimos en la misma

de todas formas
Fecha y hora: 07/02/2013 13:54:48
Error: ReferenceError: tempactual is not defined
Línea: 41
SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #7 (permalink)  
Antiguo 07/02/2013, 12:42
 
Fecha de Ingreso: septiembre-2009
Mensajes: 84
Antigüedad: 15 años, 2 meses
Puntos: 2
Respuesta: Problemas con aspecto height de celdas
No se porque no puedo editar mis comentarios

Vale disculpar por las molestias, le acabo de pasar el formato de netbeans y he arreglado el fallito de la variable, tantas modificaciones

Código: 
<html>

    <head>
        <meta http-equiv='Content-Type' content='text/html;charset=UTF-8' />
        <title>Ejemplo 16</title>

        <script type='text/javascript'>

            var volactual;

            function ini(volini,tmax,tmin,escala)
            {

                p_horizontal(volini,tmax,tmin,escala); 
                p_vertical(volini,tmax,tmin,escala); 
            }

            function p_horizontal(consigna,tmax,tmin,escala)
            { 
                if (consigna > tmax ) alert("Maximo volumen superado")
                else if (consigna < tmin ) alert("Minimo volumen superado")
                else {


                    volactual = consigna; 
                    //elimino la tabla existente
           while (document.getElementById("volumeh").hasChildNodes( ))
 document.getElementById("volumeh").removeChild(document.getElementById("volumeh").firstChild);
                    
                    var control = document.createElement('TABLE');
                    control.className="h_control"
                    control.id="h_control";
                    control.width = 300

                    control.cellPadding="0";
                    control.cellSpacing="0";
                    control.border="0";
                    var control_f = document.createElement('TR');
                    var control_left = document.createElement('TD');
                    
                    var img1=document.createElement("img"); img1.src="images/leftarrow.png"; 
                 control_left.setAttribute("onClick", "p_horizontal("+(volactual - escala)+','+tmax+','+tmin+','+escala+")"); 
                    control_left.appendChild(img1);
                    control_left.className="leftbutton"
                    control_left.style.borderRight="1px solid #616161";
                    control_left.width


                    control_f.appendChild(control_left);

                    for(var i = tmin; i <= tmax; i= i + escala)
                    {
                        //creo todas las celdas interiores a los controles de mas y menos ( todas en la misma linea, horizontal)
                        var control_c = document.createElement('TD');
                        //relleno celda con algo para que se muestren los bordes
                        control_c.innerHTML="&nbsp";
                        
                       // tamaño celda dependiente del tamaño total de la tabla menos el ancho de los botones  partido el numero de saltos por la escala de cada salto
                        control_c.width = ((control.width - 84) / (tmax-tmin) ) * escala;
                        
                        control_c.height = 80;
                        control_c.setAttribute("onClick", "p_horizontal("+i+','+tmax+','+tmin+','+escala+")" );

                        control_c.style.borderTop="1px solid #616161";
                        control_c.style.borderBottom="1px solid #616161";


                        if(i <= consigna) control_c.style.backgroundColor = "#cac7c6";
                        control_f.appendChild(control_c);


                    }

                    var control_right = document.createElement('TD');

                    var img1=document.createElement("img"); img1.src="images/rightarrow.png"; 

                 control_right.setAttribute("onClick", "p_horizontal("+(volactual + escala)+','+tmax+','+tmin+','+escala+")");
                    control_right.appendChild(img1);
                    control_right.style.borderLeft="1px solid #616161";
                    control_f.appendChild(control_right);



                    control.appendChild(control_f);
                    document.getElementById("volumeh").appendChild(control); 

                } 
            }


            function p_vertical(consigna,tmax,tmin,escala)
            { 
                if (consigna > tmax ) alert("Volumen maximo superado")
                else if (consigna < tmin ) alert("Volumen minimo superado")
                else {


                    volactual = consigna; 
            while (document.getElementById("volumev").hasChildNodes( ))
 document.getElementById("volumev").removeChild(document.getElementById("volumev").firstChild);

                    var control = document.createElement('TABLE');
                    control.cellPadding="0";
                    control.cellSpacing="0";
                    control.border="0";
                    var size = 300;

                    var control_f = document.createElement('TR');

                    var control_left = document.createElement('TD');
                    var img1=document.createElement("img"); img1.src="images/uparrow.png";
                    control_left.setAttribute("onClick", "p_vertical("+(volactual + escala)+','+tmax+','+tmin+','+escala+")"); 
                    control_left.appendChild(img1);
                    control_left.className="leftbutton"
                    control_left.style.borderBottom="1px solid #616161";

                    control_f.appendChild(control_left);
                    control.appendChild(control_f)
                    for(var i = tmax; i >= tmin; i= i - escala)
                    {
                        //añado una fila por cada salto
                        var control_f = document.createElement('TR');
                        var control_c = document.createElement('TD');
                        control_c.innerHTML="&nbsp";
                        control_c.height = ((size - 84) / (tmax-tmin) ) * escala;
                        control_c.width = 70; 
                        control_c.style.borderLeft="1px solid #616161";
                        control_c.style.borderRight="1px solid #616161"; 
                        if(i <= consigna) control_c.style.backgroundColor = "#cac7c6";
                    control_c.setAttribute("onClick", "p_vertical("+i+','+tmax+','+tmin+','+escala+" )");
                        control_f.appendChild(control_c);
                        control.appendChild(control_f)
                    }
                    var control_f = document.createElement('TR');
                    var control_right = document.createElement('TD');
                    var img1=document.createElement("img"); img1.src="images/downarrow.png";
                control_right.setAttribute("onClick", "p_vertical("+(volactual - escala)+','+tmax+','+tmin+','+escala+")");
                    control_right.appendChild(img1);
                    control_right.style.borderTop="1px solid #616161";


                    control_f.appendChild(control_right);
                    control.appendChild(control_f)





                    document.getElementById("volumev").appendChild(control); 
                } 
            }

        </script>
    </head>

    <body onload="ini(20,25,20,0.1)">

        <div id="volumeh"></div><br><br>

        <div id="volumev"></div><br><br>

    </body>
</html>
gracias por todo
  #8 (permalink)  
Antiguo 11/02/2013, 07:08
 
Fecha de Ingreso: septiembre-2009
Mensajes: 84
Antigüedad: 15 años, 2 meses
Puntos: 2
Respuesta: Problemas con aspecto height de celdas
A nadie se le ocurre lo que puedo estar haciendo mal?
  #9 (permalink)  
Antiguo 11/02/2013, 12:47
Avatar de emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Problemas con aspecto height de celdas
Cita:
Iniciado por Hanzo_lx Ver Mensaje
A nadie se le ocurre lo que puedo estar haciendo mal?
Primero, para la primer tabla te genera en cada td
height="80" width="4.32"
redondeá ese 4.32
para la segunda
width="80" height="4.32"
idem

remové los &nbsp; y en tu css poné
Código CSS: 
Ver original
  1. table{
  2. empty-cells:show;
  3. }

luego, no veo, salvo en la segunda celda de la primera tabla ningún color de fondo en las celdas, por lo que tampoco se puede apreciar el tamaño yo le puse border="1" a las tablas para probar.
De todas formas, al no poseer las imágenes y no conocer el css (hay un par de clases definidas por ahi), no sé exactamente que es lo que debería verse. con las correcciones se vería esto (quité algunas filas/celdas en las tablas porque si no no entra el código en el post)
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>titulo</title>
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7.  
  8. <style type="text/css">
  9. /*<![CDATA[*/
  10. table{
  11. empty-cells:show;
  12. } 
  13. /*]]>*/
  14. </style>
  15.  
  16. </head>
  17. <body>
  18.  
  19. <div id="volumev">
  20. <table cellpadding="0" cellspacing="0" border="1">
  21. <tr>
  22. <td style="border-bottom: 1px solid rgb(97, 97, 97);" class="leftbutton" onclick="p_vertical(20.1,25,20,0.1)"  height="4" width="70"></td>
  23. </tr>
  24. <tr>
  25. <td onclick="p_vertical(25,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  26. </tr>
  27. <tr>
  28. <td onclick="p_vertical(24.9,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  29. </tr>
  30. <tr>
  31. <td onclick="p_vertical(24.799999999999997,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  32. </tr>
  33. <tr>
  34. <td onclick="p_vertical(24.699999999999996,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  35. </tr>
  36. <tr>
  37. <td onclick="p_vertical(24.599999999999994,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  38. </tr>
  39. <tr>
  40. <td onclick="p_vertical(24.499999999999993,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  41. </tr>
  42. <tr>
  43. <td onclick="p_vertical(24.39999999999999,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  44. </tr>
  45. <tr>
  46. <td onclick="p_vertical(21.799999999999955,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  47. </tr>
  48. <tr>
  49. <td onclick="p_vertical(21.699999999999953,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  50. </tr>
  51. <tr>
  52. <td onclick="p_vertical(21.59999999999995,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  53. </tr>
  54. <tr>
  55. <td onclick="p_vertical(21.49999999999995,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  56. </tr>
  57. <tr>
  58. <td onclick="p_vertical(21.39999999999995,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  59. </tr>
  60. <tr>
  61. <td onclick="p_vertical(21.299999999999947,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  62. </tr>
  63. <tr>
  64. <td onclick="p_vertical(21.199999999999946,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  65. </tr>
  66. <tr>
  67. <td onclick="p_vertical(21.099999999999945,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  68. </tr>
  69. <tr>
  70. <td onclick="p_vertical(20.999999999999943,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  71. </tr>
  72. <tr>
  73. <td onclick="p_vertical(20.89999999999994,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  74. </tr>
  75. <tr>
  76. <td onclick="p_vertical(20.79999999999994,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  77. </tr>
  78. <tr>
  79. <td onclick="p_vertical(20.69999999999994,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  80. </tr>
  81. <tr>
  82. <td onclick="p_vertical(20.599999999999937,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  83. </tr>
  84. <tr>
  85. <td onclick="p_vertical(20.499999999999936,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  86. </tr>
  87. <tr>
  88. <td onclick="p_vertical(20.399999999999935,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  89. </tr>
  90. <tr>
  91. <td onclick="p_vertical(20.299999999999933,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  92. </tr>
  93. <tr>
  94. <td onclick="p_vertical(20.199999999999932,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  95. </tr>
  96. <tr>
  97. <td onclick="p_vertical(20.09999999999993,25,20,0.1 )" style="border-left: 1px solid rgb(97, 97, 97); border-right: 1px solid rgb(97, 97, 97);" height="4" width="70"></td>
  98. </tr>
  99. <tr>
  100. <td style="border-top: 1px solid rgb(97, 97, 97);" onclick="p_vertical(19.9,25,20,0.1)" height="4" width="70"></td>
  101. </tr>
  102. </table>
  103. </div>
  104. </body>
  105. </html>
SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: aspecto, celdas, funcion, height
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 12:34.