Foros del Web » Creando para Internet » HTML »

Tablas en HTML

Estas en el tema de Tablas en HTML en el foro de HTML en Foros del Web. Quiero hacer una tabla en el que en una fila al final tenga un botón. [OK] @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < tr >< ...
  #1 (permalink)  
Antiguo 23/07/2020, 02:42
Avatar de senseeye3led  
Fecha de Ingreso: abril-2016
Ubicación: 127.0.0.1
Mensajes: 151
Antigüedad: 4 años, 3 meses
Puntos: 9
Pregunta Tablas en HTML

Quiero hacer una tabla en el que en una fila al final tenga un botón. [OK]

Código HTML:
Ver original
  1. <tr><th>Ciudad</th><th>Nombre</th><th>Teléfono</th><th>Horario</th><th>+ Info</th></tr>
  2. <tr>
  3. <td>'+data[i].ciudad+'</td>
  4. <td><a href="'+data[i].url+' "target="_blank">'+data[i].nombre+'</a></td>
  5. <td>'+data[i].telf+'</td><td>'+data[i].horario+'</td>
  6. <td><button onclick="mas('+i+')" id="'+b+'" title="+">+</button>

Tras pulsar al botón ejecuto la función JS mas()

Contenido a mostrar tras pulsar el botón. (A un futuro es posible que se quieran anyadir más filas).

Código HTML:
Ver original
  1. <tr class="masOFF" id="'+i+'">
  2. <td colspan="2"><b>GPS:</b></td>
  3. <td>'+data[i].lat+','+data[i].long+'</td>
  4. <td colspan="2"><b>Id:</b></td>
  5. <td>'+data[i].id+'</td>
  6. </tr>

Código CSS para masOFF:

Código CSS:
Ver original
  1. .masOFF{
  2.       display: none;
  3.       column-span: all;
  4. }
  5. .masOFF tr{
  6.       display: block;
  7.       background:#e31839;
  8. }
  9. .masOFF td{
  10.       display: block;
  11.       background:#f6ff21; /* amarillo */
  12. }

Funciona y al pulsar el botón me muestra la información sobre un recuadro amarillo, pero el problema que tengo es que el tamaño de ese recuadro amarillo, se genera en función de la largura del contenido.

Desearia que fuera algo fijo, por ejemplo un % de pantalla.



La zona horaria es GMT -6. Ahora son las 18:57.