Cita:
Iniciado por Musiker 
Hola a todos.
Estoy empezando con css ahora, tengo muy pocos conocimientos y me gustaría preguntaros si es posible realizar esto en css, pero sin los números, es decir, sólo los cuadraditos. Sería una tabla de 100 por 100. ¿Alguna orientación sobre qué cosas tendría que aprender para diseñar eso?
http://roble.pntic.mec.es/~jblesa/ma...ad2/tablas.gif
Muchas gracias por adelantado.
Lo que estas mostrando es una tabla html (el cuadrado de pitágoras en particular), con css podés darle estilos, pero no crearla.
Podés si usar javascript para generarla dinámicamente, por ejemplo
Código Javascript
:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cuadrado de Pitágoras js</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var filas = 10;
var columnas = 10;
var Tabla = "", Fila;
for (var Nfila = 0; Nfila <= filas; Nfila++) {
Fila = "";
for (var col = 0; col <= columnas; col++) {
if (Nfila == 0) {
Fila += "<td><strong>" +
((col == 0) ? " " : col) +
"</strong> </td>";
} else if (col == 0) {
Fila += "<td><strong>" +
Nfila +
"</strong> </td>";
} else {
Fila += "<td>" +
(Nfila * col) +
"</td>";
}
}
Tabla += "<tr>" + Fila + "</tr>";
}
document.write("<table border=\"1\">" +
Tabla +
"</table>");
</script>
</head>
<body>
</body>
</html>
Ahoraque basándome en tu pregunta, te diría que amplies tus conocimientos de html antes de continuar con css (aprender el segundo sin saber el primero no tiene sentido)
SAludos