necesito ayuda con un puzzle

hola seguramente sea una tonteria pero nose como hacerlo.
Stoy poninedo de pruebas el codigo de esta pagina: http://wiki.script.aculo.us/scriptaculous/page/print/SortableFloatsDemo

que es sin mas un ejemplo xa utilizar la libreria scriptacolous.
Es un puzzle con 9 piezas, 3 en cada linea.
Mi duda es como hacer xa ke al arrastrar una pieza siga con esa dimension es decir 3x3 porke loke me ocurre eske se me va un caxo ala primera linea y la primera linea tiene 4, la segunda 2 y la tercera 3.
Nose como hacer para que se kede contenido en algo y ke no se pueda ir espacieendo, nose si me explicao correctamente
gracias un saludo

por favor es urgente

No hagas modificaciones, copia el ejemplo "tal cual".
No debería de dar problemas.
(es lo que tienen los "ejemplos", que ya están pensados para que funcionen)

eso hice exactamente copiar el ejemplo :/
pero no se me keda bien cuadrado si cambio trozos

sergioo escribió:

Osea... ¿q cuando modificas el código, se te "estropea"?
Pues a tí te corresponde ir viendo en qué momento se estropea el funcionamiento del script.
Modifícalo poco a poco, hasta dar con el error.
Una vez lo tengas localizado, quizá podamos ayudarte a arreglarlo, si tú no puedes.

PD: intenta escribir sin "k"

haber el problema que tengo es :
ami me sale cuadrado pero si tengo la pantalla del navegador abierta compleatemente pues si muevo una en vez de seguir 3x3x3 se me pone 3x2x4 o lo que sea, deja de ser cuadrado nose si me explicado. en cambio si el navegador lo pongo mas o menos al tamaño del puzzle (de ancho), me va bien.

Entonces nose que solucion puedo tener, no se me ocurre he probando con meterlo todo en un panel pero sigue igual.
Alguna idea?
Ayuda plx

no seas tan duro conmigo que stoy empezando a programar, y con asp y ajax y estas cosas llevo 2 semanas... :/

Probablemente tienes que meter tu puzzle dentro de un div con ancho fijo. Esto lo puedes hacer con CSS, hay bastante información disponible.

Odin escribió:

Si es eso, es fácil... y para ser bueno, te lo digo:
Si no es eso, vas a tener que hacer lo que dije:

:p asias a todos pero ya consegui arreglarlo lo que he hecho es:
en un webcontrol he peusto una tabla con una fila y una columna y la propiedad with al 50%
e metido el webcontrol en un formulario web y al ocupar el 50% pues me sale perfect.
asias a todos, por si algien le intereza
<table width="50%" >
<tr >
<td >
<div id="puzzle">
<img id="image_5" src="http://script.aculo.us/images/puzzle5.jpg" alt="" />
<img id="image_1" src="http://script.aculo.us/images/puzzle1.jpg" alt="" />
<img id="image_9" src="http://script.aculo.us/images/puzzle9.jpg" alt="" />
<img id="image_7" src="http://script.aculo.us/images/puzzle7.jpg" alt="" />
<img id="image_4" src="http://script.aculo.us/images/puzzle4.jpg" alt="" />
<img id="image_8" src="http://script.aculo.us/images/puzzle8.jpg" alt="" />
<img id="image_3" src="http://script.aculo.us/images/puzzle3.jpg" alt="" />
<img id="image_6" src="http://script.aculo.us/images/puzzle6.jpg" alt="" />
<img id="image_2" src="http://script.aculo.us/images/puzzle2.jpg" alt="" />
</div>
</td>
</tr>
</table>

oh dios mío!!

Mételo en el DIV, como te hemos dicho, anda.

gracias ;P lo he probado no me convence mucho, se que es mejor hacerlo asi pero lo que ocurre es:
de la manera que lo hecho yo si tu mueves una pieza ala derecha del todo del navegador se va viendo mientras la arrastras, en cambio si lo ago como me as dicho tu en cuanto me salgo del with ke e puesto no se ve x donde va la pieza. Ir van las dos porke vuelven asu sitio pero ese es un pekeño fallo

gracias de todas formas

¿y quitando el overflow qué pasaría?
¿Se desmontaría todo?

entonces va bien! !_!
una pregunta ke es el overflow o para que sirve, esque yo de htm y esas cosas no he dado apenas estoy aprendiendo ahora.
Asiasss ahora ya va good !

Revisate algún manual de CSS, en serio.
Es algo básico.
Para empezar, te aconsejo este, de Ramm.
Después, puedes ir a por un manual de CSS de ANAYA. Bueno, bonito, y barato (unos 12€).


Básicamente, el overflow, le dice a la capa, cómo tiene que visualizar lo que está dentro de ella, cuando el contenido se sale de sus bordes.
Están estos tres:

• overflow:hidden -> que lo que salga fuera, no se muestre.
  
• overflow:scroll -> te pone unas "barras de desplazamiento", para ver "más allá".
  
• overflow:auto -> te pone las "barras de desplazamiento", sólo si son necesarias.

¿podrías confirmarnos si te funcionaría con "overflow:auto"?
Es una duda que tengo.
Gracias.

gracias