JeuWeb - Crée ton jeu par navigateur
[RESOLU] Utilisation de plussieurs class [CSS] - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [RESOLU] Utilisation de plussieurs class [CSS] (/showthread.php?tid=1512)

Pages : 1 2


RE: Utilisation de plussieurs class [CSS] - Single Dark - 26-07-2007

Le problème, c'est que JS, j'aime pas. Et le reste du jeu j'utilisait du CSS, donc si il y avait une solution qui n'utilisait pas le Java, je suis preneur...


RE: Utilisation de plussieurs class [CSS] - Nessper - 26-07-2007

Ben comme tu le sens mais tu vas galérer pour les bulles sans JS. Puis franchement le javascript c'est vraiment bien et si il y a des boulets qui se refusent à l'utiliser ben tant pis pour eux.

Honnêtement je te conseille d'utiliser js, puis avec prtotype c'est vraiment plaisant


RE: Utilisation de plussieurs class [CSS] - Mysterarts - 26-07-2007

+1 pour Nessper ^^
Attention à ne pas dire java pour js, hein, c'est pas pareil ^^
Le js a ces défauts, mais quand tu vois comme c'est facile d'avoir des bons trucs avec prototype par exemple, tu les mets dans une boite et tu la met dans un petit coin de ta conscience ^^ Mais bref, le débat à déjà trouver sa place sur un autre topic !

Mysterarts, à qui on va en vouloir de toujours laisser les discussions dérivées...


RE: Utilisation de plussieurs class [CSS] - Roworll - 27-07-2007

J'ai regardé le code plus en détail et voici ce que j'ai trouvé :

La classe info est définie en position:relative.
La classe p_main est définie position:absolute.

Comme ton tag<IMG> (classe p_main) est inclu dans le tag <a> (classe info), il va se positionner relativement par rapport à son parent et non par rapport à la page...

Pour passer ce problème, tu peux inclure le tout dans un <div> qui lui aura la classe p_main.

Voici un exemple de code HTML qui fonctionne avec ton CSS
Code PHP :
<?php 
<div style="position: relative;">

<
img src="image/batiments/fond.jpg" alt="" height="418" width="600">

<
div class="p_main">
<
a class="info" href="">
<
img src="image/batiments/mine_fer.gif" alt="Mine de fer">
<
span>Voici là mine de fer.</span>
</
a>
</
div>
</
div>
De cette manière, ton bloc image+tooltip est positionné correctement.


RE: Utilisation de plussieurs class [CSS] - Single Dark - 27-07-2007

MERCI Roworll, ca marche niquel.


Puis si j'ai pas envie d'utilise du Java, ca me regarde...


RE: [RESOLU] Utilisation de plussieurs class [CSS] - Mysterarts - 27-07-2007

Braque toi pas comme ça, c'était juste une idée ^^
Et, je me répète, mais java et js, c'est pas pareil ! Si j'insiste, c'est que tu as l'air d'avoir pris une mauvaise habitude qui pourrait entrainer des incompréhensions ^^

Mysterarts

Edit : [hs]oOoOh 1234 messages, si c'est pas joli ![/hs]