Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/02/2012, 08:16
opzina
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años, 8 meses
Puntos: 21
(Consulta) Descubre la palabra oculta

Me encuentro en una situación en la que debo marcar y maquetar una especie de "Descubre las palabras que faltan en la frase".

Veamos un ejemplo:

"Foros del web es el m jor foro".

Tengo un flash en el cual cada letra representa un cuadrado.
En ciertas palabras hay un cuadrado vacío dónde hay que completar con la letra correcta.

Y acá es la duda, ¿Cómo pasar a html5 y CSS todo esto? Luego con JS se hará el funcionamiento.

Había pensado en algo así:

<p>"Foros del web es el m<span class="letter"></span>jor foro".</p>

Al hacer click en el recuadro letra vacía aparece un input text y se completa la letra.

Pero necesito letra por letra con un recuadro individual, así:

|F| |O| |R| |O| |S|
__________________
_