[Réglé] Positionner un DIV dans un TD

Shaigan

Flamme ardente

Age : 29 ans
Messages : 290
Inscrit : 11 Juin 2006

16 Juin 2006, 18:36

Bonjour à tous
Voilà, j'ai un petit soucis.

Sur cette page, j'ai besoin de positionner plusieurs petites images (des carrés de 7 pixels de coté) à des emplacements bien prècis. En fait, ce sont les positions de personnages sur une carte.
Seulement, pour les coordonnées, il faudrait que me me base sur le coin haut / gauche de la cellule <td> qui contient le fond de la carte dans l'attribut "background".
Je pensais utiliser des <div> mais la position en "absolute" se base sur les bords de la page et non de la cellule. Hors, si le visiteur n'a pas la même résolution, c'est foutu, tout sera décalé.

Est-ce que quelqu'un aurait une suggestion ? une piste pour m'aiguiller ?
Merci de votre aide.

Amicalement.

Shaigan & Cie | Mon garage | Play TrackMania

Fabogranqi Masculin

Equipe de développement

Age : 23 ans
Messages : 3238
Inscrit : 29 Décembre 2004

16 Juin 2006, 18:57

Il ne faut pas utiliser absolute mais relative

Shaigan

Flamme ardente

Age : 29 ans
Messages : 290
Inscrit : 11 Juin 2006

16 Juin 2006, 19:25

Merci de la piste fabogranqi, mais quelles seront les coordonnées 0,0 ?
De plus, avec relative, les coordonnées des images chargées les unes après les autres ne vont-elles pas s'ajouter ? Ou faut-il que j'imbrique les <div> ?

EDIT c'est bon j'ai pigé

J'ai fait un <div> relatif basé dans ma cellule, et dedans, je mets plein de petit <div> en absolut, et ça marche au poil...
Merci du conseil.

Shaigan & Cie | Mon garage | Play TrackMania

Houram

Equipe des MODS

Age : 23 ans
Messages : 1246
Inscrit : 15 Juin 2005

17 Juin 2006, 9:27

Personnelement pour une carte que j'avais fait j'utilisais une technique pour lequel on va surement me flageler.

Code (Sélectionner le code)

<span style="position: relative; left: ' . $largeur . 'px; top: ' . $hauteur . 'px">
						<img src="' . $joueurs['perso_avatar'] . '" width="32" height="32" alt="' . $joueurs['membre_login'] . '" />
</span>

Ca pour chaque perso, ce qui créer une variable que j'insère directement comme ceçi :

Code (Sélectionner le code)

							<table width="{LARGEUR}" align="center" class="tableau" cellspacing="0" cellpadding="3" background="{BACKGROUND}">
								<tr>
									<td width="{LARGEUR}" height="{HAUTEUR}" align="left" valign="top">
										
										{PERSO}										
									</td>
								</tr>
							</table>

Shaigan

Flamme ardente

Age : 29 ans
Messages : 290
Inscrit : 11 Juin 2006

18 Juin 2006, 11:19

Salut,

Je comprends pas bien... La variable {PERSO}, c'est le <div> ?
Dans ce cas de figure, tu te bases sur quelles coordonnées de départ ?

Shaigan & Cie | Mon garage | Play TrackMania

Houram

Equipe des MODS

Age : 23 ans
Messages : 1246
Inscrit : 15 Juin 2005

18 Juin 2006, 11:29

La variable perso, c'est ça :

Code (Sélectionner le code)

<span style="position: relative; left: ' . $largeur . 'px; top: ' . $hauteur . 'px">
                  <img src="' . $joueurs['perso_avatar'] . '" width="32" height="32" alt="' . $joueurs['membre_login'] . '" />
</span>

Enfin, la variable perso contient pleins de ça mais avec des coordonnées differentes.

Les coordonnées sont renseigné par les variables $largeur et $hauteur

Et pour calculer les coordonné, je dis par exemple que la carte fait 10*10cases, et que les cases sont de 20pixels de largeur et de hauteur. Alors les coordonnées d'un perso dans la case 5/5 sera 5*20/5*20 soir 100/100

Mais ce que tu as fait à l'air de marcher non ?

Shaigan

Flamme ardente

Age : 29 ans
Messages : 290
Inscrit : 11 Juin 2006

18 Juin 2006, 11:47

Oui oui, ça marche très bien,
[mode=curieux]
mais j'explore les solution

[/mode]

Shaigan & Cie | Mon garage | Play TrackMania

[Réglé] Positionner un DIV dans un TD