Foros del Web » Creando para Internet » HTML »

Tabla

Estas en el tema de Tabla en el foro de HTML en Foros del Web. Hola Estoy haciendo una tabla de dos columnas. Código: <tr><th>Palabra 1</th><td>Palabra 2</td></tr> Tengo al rededor de 2000 palabras y quiero acomodarlas toda de manera que ...
  #1 (permalink)  
Antiguo 24/03/2006, 15:05
Avatar de Shia  
Fecha de Ingreso: septiembre-2003
Mensajes: 202
Antigüedad: 20 años, 6 meses
Puntos: 0
Pregunta Tabla

Hola

Estoy haciendo una tabla de dos columnas.

Código:
<tr><th>Palabra 1</th><td>Palabra 2</td></tr>
Tengo al rededor de 2000 palabras y quiero acomodarlas toda de manera que queden como la línea anterior, claro no es nada simpático tener que copiar palabra por palabra dentro de <th></th> y <td></td> ya que son muchas, entonces me pregunto si existe alguna herramienta que ayude creando las etiquietas automáticamente ó alguna forma de hacer el proceso más rápido.

La lista de palabras las tengo ordenadas en 2 columnas.

¿Alguien me da alguna idea?
__________________
I don't care
  #2 (permalink)  
Antiguo 25/03/2006, 12:09
 
Fecha de Ingreso: marzo-2006
Ubicación: Lima
Mensajes: 12
Antigüedad: 18 años
Puntos: 0
recomendaria que dentro de <th></th> y <td></td> trabajaras con <ul> y <li> osea listas, cosa que asi no estas tantas creando mas de 2000 celdas. y si quieres ocultar la viñeta lo puedes hacer con css. por ejemplo del tipo:

ul.etiqueta li {
list-style-type: none;
margin-left: -1cm;
font:8pt/15pt "Trebuchet MS", Arial, sans-serif;
}
  #3 (permalink)  
Antiguo 26/03/2006, 09:03
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 4 meses
Puntos: 317
Hola Shia , lancer :

Si hay tantas palabras y una fórmula repetitiva para mostrarlas, lo mejor es usar una base de datos (porque los nombres hay que escribirlos igual uno por uno) y hacer la tabla con (p.e.) PHP.

Si de todas maneras quieres escribir la tabla en el código fuente con HTML, puedes usar cualquier editor de texto que tenga "Copiar" y "Pegar", y mejor "Buscar" y "Reemplazar". Escribes

Código:
<table><tbody><th>
luego el primer título; después

Código:
</th>
<td> 
escribes el primer dato y

Código:
</td>
<th> 
Como ves, solamente hay que separar cada palabra con los contenidos en azul y verde para cerrar con un

Código:
</td></tbody></table>
lo que se hace mucho más fácil copiando y pegando que escribiendo.

Si tienes un Block de Notas (Notepad) puedes escribir la tabla vacía con marcadores para las palabras.

Código:
<table><tbody>

<th>@@</th><td>$$</td>

</tbody></table>
copiando (selección y [CTRL] + C) y pegando ([CTRL] + V) el código rojo tantas veces como filas haya. Después abres la herramienta "Buscar" y escribes @@, buscas la primera coincidencia - que queda seleccionada- y cierras la herramienta de búsqueda. Tipeas o pegas el primer título y con [F3] seleccionas la siguiente. Tipeas o pegas el segundo título y repites.

Cuando terminas con todos, haces lo mismo con $$ para los datos.

Hay un montón de editores WYSIWYG que al menos para simplificar estos trabajos sirven.

O, de última ...

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript">
var primeraCol =["cero","uno","dos","tres","cuatro","cinco","seis","siete","ocho","nueve"]
var segundaCol =["zero","one","two","three","four","five","six","seven","eight","nine"]

function creaTabla(){
var cantidadPalabras = primeraCol.length;
var contenido0 = '';
var contenido1 = '<tr><th>';
var contenido2 = '</th><td>';
var contenido3 = '</td></tr>\r\n';

for(p=0; p<cantidadPalabras; p++){
contenido0 += contenido1 + primeraCol[p] + contenido2 + segundaCol[p] + contenido3;
}
document.getElementById("contenedor").innerHTML = '<table class="miClase"><tbody>' + contenido0 + '</tbody></table>'
}

function verCodigo(){
var codigo = document.getElementById("contenedor").innerHTML;

document.write("<plaintext>" + codigo);
}
</script>
<style type="text/css">
.miClase,.miClase td,.miClase th {border: 2px solid silver;}
</style>
</head>
<body onload="creaTabla()">
<div id="contenedor"></div>
<input type=button value="VER CÓDIGO" onclick="verCodigo()">
</body>
</html>
  #4 (permalink)  
Antiguo 09/04/2006, 14:19
Avatar de Shia  
Fecha de Ingreso: septiembre-2003
Mensajes: 202
Antigüedad: 20 años, 6 meses
Puntos: 0
Me ha sido útil gracias a los dos.

Saludos
__________________
I don't care
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




La zona horaria es GMT -6. Ahora son las 07:14.