Div absoluto

astut · #1 (**permalink**) 07/08/2007, 04:34

Hola, pues estoy haciendo un juego online por web, tengo un muñequito dentro de un <td> que mide 32*32 (el td y el muñequito) y lo que quiero es poner encima del muñequito su nombre, pero cuando lo hago pues el td se ensancha.. mi pregunta es, ¿como puedo poner su nombre pero que este sobre el td? y no dentro, porque si esta dentro como hos he dicho se alarga para que acapare el texto...
E probado con position absolute, pero el texto se va a lprincipio de la pagina, y no puedo hacerlo con top, left, bottom etc... ya que el muñequito se mueve y el texto no va a estar siempre en el mismo td, ¿como lo hago?

Gracias y saludos!

DragonX · #2 (**permalink**) 07/08/2007, 06:39

es complicado lo que pedía, por lo menos para mi

Qué pasaría si el nombre del personaje está dentro de la imagen?, o sea dentro de los 32*32

Creo que la única forma de conseguir lo que queres es con un DIV y DHTML, pero lamentablemente, en esto no voy a poder ayudarte.

astut · #3 (**permalink**) 07/08/2007, 07:16

¿Dentro de la imagen?, el texto esta fuera de la imagen, de esta forma:
<table>
<tr><td style="width: 32px;">
<div>texto</div><img src="tal.gif">
</td></tr>
</table>

Creo que te has confundido =) , saludos

DragonX · #4 (**permalink**) 07/08/2007, 07:27

Si, pero lo que quise decirte es ¿no podés poner el nombre del personaje dentro del gif? o sea, tomar la imagen y en photoshop ponerle el nombre?

DX

astut · #5 (**permalink**) 07/08/2007, 08:26

Nop, el usuario se crea un guerrero, que quieres un grafico por cada guerrero xD, ¿ahora?, ademas el ancho no debe sobrepasar los 32 px, el div debe estar sobre el td, y sobre la imagen del guerrero ¿como lo hago?

DragonX · #6 (**permalink**) 07/08/2007, 08:59

fffff, esta totalmente fuera de mi alcance algo asi.....pero fijate en CSSPLAY tiene cosas muy buenas todas con CSS nada de JS

perdón por na haberte podido dar una manito.

astut · #7 (**permalink**) 07/08/2007, 09:04

Bueno , pero si tu no sabes, ¿porque posteas en esta pregunta? xD

a ver si postea alguien que sepa, saludos

astut · #8 (**permalink**) 07/08/2007, 17:43

¿Alguien tiene alguna idea?

thx

DragonX · #9 (**permalink**) 07/08/2007, 18:28

Cita:

Iniciado por astut

Bueno , pero si tu no sabes, ¿porque posteas en esta pregunta? xD

a ver si postea alguien que sepa, saludos

Lo unico que intentaba hacer era ayudarte.

Cita:

Iniciado por astut

¿Alguien tiene alguna idea?

thx

Igualmente ya te habia dado un tip arriba, busca tutoriales de DHTML (HTML dinámico) estoy seguro que algo vas a encontrar.

DX

caprash · #10 (**permalink**) 08/08/2007, 01:51

Buenos dias por las mañanas....

Por lo que he estado leyendo... tu problema ... bueno se arregla poniendo al guerrero (:P) y al texto en capas y una capa en contenedor, poniendo las capas en posiciones osea se:
...
<td>
<div> 
<div class="con_su_clase">Texto</div>
<div class="con_su_clase01"><img src....></div>
</div>
</td>
...
Así podras poner tu texto encima del guerrero jajaaj, pero ojo vas a tener que utilizar el position, padding, ahhh!!! y un TEXT-ALING, ya que esta funcion alinea IMAGENES Y TEXTOS, y pon el ALT en la imagen que sino no es ACCESIBLEEEEE!!!.

Ahora adivina las clases que son muy faciles ;).

astut · #11 (**permalink**) 08/08/2007, 05:09

Muchas gracias, ahora funciona =), pero porque ahora si y antes no?, si el div contenedor es como un div normal solo que contiene xD

astut · #12 (**permalink**) 08/08/2007, 05:52

Bueno, he visto que no funciona del todo bien,:

En realidad el guerrero esta en el <td> de arriba, pero los divs salen a partir de la mitad...
¿Porque ocurre esto?, quitando la imagen el sprite se queda a medias tambien

saludos!

astut · #13 (**permalink**) 08/08/2007, 13:40

¿Alguien podria ayudarme?
saludos!

astut · #14 (**permalink**) 09/08/2007, 04:37

¿Nadie tiene una respuesta?, necesitaria saberlo ya que me estan presionando..

saludos!

astut · #15 (**permalink**) 09/08/2007, 15:37

Por favor necesito ayuda ;_;

AlZuwaga · #16 (**permalink**) 09/08/2007, 16:04

¿creés que alguien puede ayudarte sin ver una línea de código?
Ayudá a que te ayuden ;)

Saludos

astut · #17 (**permalink**) 10/08/2007, 04:42

Es que elcododigo ya te lo han puesto arriba... de todas formas pongo mi codigo que es lo mismo... pero bueno si insistes:

Código HTML:

<div style='position: absolute; border: 1px solid #FFFFFF'>
										<div class='mapa_guerrero_nombre'>".$guerreros["nombre"]."</div>
										<div class='mapa_guerrero_grafico'><img src='../../MUNDO/Instancias/".$guerreros["grafico"]."' alt=''/></div>
									</div>

saludos!

astut · #18 (**permalink**) 13/08/2007, 13:47

Bueno hay la tienes, pasaron 2 dias y se ve que nadie se mira el tema oalgo xD

saludos