[AYUDA URGENTE] sobre tablas HTML

tengo que hacer un juego de la oca en html, en principio ya esta echo, pero para subir nota tengo que poner unos bordes en espiral como aki:
Imagen

pero en html.

se que se puede pq la profe lo izo, pero no nos enseño como, alguien me podria decir como??

dice que se puede hacer con las etiquetas que nos a enseñado, que son estas en question:

bordercolor
border
center,right,left
bgcolor
align= "a"
Valign= "a"
background
width
height
cellpadding
cellspacing
rowspan
colspan
caption
frame
onMouseOver
Con tablas así en frío no se que decirte, pero decir que tu profe es un cutre por enseñaros a maquetar así [flipa]

PS.
Si tengo un momento te lo miro
tengo de plazo hasta las 12 de esta noche pa enviarlo. plis miralo rapido ^^'' [risita]
Imagen

Fijate el tamaño real de las celdas, con los bordes incluidos. Solo tendrías que añadirle a las que correspondan el borde morado, y a las otras el borde blanco.

CREO que es factible, no maqueto con tablas hace... 4 años? Que tiempos XD

Me comenta la novia que tambien puedes usar el colspan y el rowspan, quedaria mas elegante, pero hay que comprlicarse más.
Pues te quedan 40m. A ver:

Cada recuadro rojo de la imagen es una celda de una tabla, a cada celda se le pueden aplicar distintos valores de borde, con lo cual puedes variar el color de X bordes de cada celda para hacer el efecto espiral.

Ejemplo:
La casilla 20, esa celda tendría los 4 bordes blancos. La celda 19 todos blancos menos el inferior. La 21 todos blancos menos el derecho.

Aunque lo mismo se te genera una esquina fea en las celdas diagonales (20, 44, 60, 53, 33, 5 y las contrarias), pero no debería ser demasiado molesto. Que salga o no dependerá de como lo maquetes.

Aunque puedes descartar esto y usar algo más cutre aún: si la tabla tiene tamaño fijo y has dado la etiqueta background, ponle una imagen de fondo con la espiral.
5 respuestas