¿Se puede hacer esto?

#1 (**permalink**) 24/07/2012, 11:12

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.

Alucine · #2 (**permalink**) 24/07/2012, 12:00

Yo no sé si puede hacerse e CSS, quizás ahora en la versión 3 se pueda, pero, por si te sirve, sí puedes hacerlo de manera fácil en HTML, mira aquí: http://www.webtaller.com/construccio...as_en_html.php o aquí: http://foro.univision.com/t5/Tutoria...#axzz21Z1Yg8Yz

emprear · #3 (**permalink**) 24/07/2012, 13:36

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