Hello,

Je n'ai pas bien saisi, en gros on refait la même chose en supprimant les tops et en rendant tes liens cliquables ? Si tu as réussi à coder tout ça tu dois pouvoir le faire non ? Ca ressemble d'avantage à une demande d'aide qu'à une demande =O

Bonjour!

Alors oui et non. Oui je souhaite rendre mes liens cliquables et supprimer mes tops mais disons que mon soucis est d'ordre structural. Je pense que cela sera plus clair si tu voies comment est faite ma PA:

Voici le code actuel :

Spoiler:

Est-ce que tu voies le monstre? Je ne sais pas coder autrement et on va dire que maintenant, ça commence à me gonfler. loool (c'est trop laborieux). Notons cependant qu'ici, je donne pas le css associé mais c'est pour montrer la bête.

C'est certes, une demande d'aide mais aussi du même coup, une demande de structure de PA. Je n'ai pas trouvé de sujet qui expliquait comment faire sa propre PA, seulement des copies de PA à personnaliser et aucune ne me convient. Donc c'est à la fois une aide et une demande.... Et je me suis dit que cette zone était la plus appropriée puisqu'il s'agit bien d'une demande de codage au final.

Hello!
J'aurais probablement une meilleure solution que ton tableau, mais je suis pas sûre que ce soit si "mieux" que ça, vu que tu dis que le tableau te gonfle, je sens que celui-ci encore plus!

En réalité, je proposerais de créer une div principale de ta PA, qui aurait une hauteur et une largeur fiche, qui serait en position: relative et qui aurait comme background-image ton image de fond. Et ça c'est le plus simple.
Parce que ensuite, dans cette div, tu vas mettre toutes tes autres div en position: absolute et à l'aide de top:, left:, right: ou/et bottom: (en général on utilise top ou bottom avec left ou right, pas les quatre en même temps. Je ne sais pas si on a un tuto sur le positionnement, désolée ^^") tu vas les positionner où tu veux au sein de ta div. Il faut alors comprendre que la position "top: 0, left: 0" de toutes les div à l'intérieur, serait le coin en haut à gauche de ta div principale.
Rien qu'avec cette description, je suppose que tu comprends pourquoi le positionnement est laborieux: En plus de savoir la hauteur et largeur exacte de tes div internes, tu dois aussi trouver le bonne emplacement en pixels depuis les bords de ton div qui entoure le toute. Du coup, ça prend du temsp, et pas mal d'édition! Cependant, si après tu ne touches plus jamais les positions et tu ne changes plus jamais, alors il est facile de changer et de s'y retrouver. De plus, tu n'as pas de "td" vides à mettre pour des positionnement moins tabulaires, et il est facile de changer une div de place (il suffit de changer deux arguments dans le CSS).

En somme, voici le code que tu aurais:
HTML:

Code:

<div id="contour_PA">
   <div id="element_1_PA">Contenu</div>
   <div id="element_2_PA">Contenu</div>
   <div id="element_3_PA">Contenu</div>
</div>

(Si tu veux éviter d'avoir un id/une class pour chaque div, tu peux aussi mettre le positionnement (top/bottom/left/right) directement dans le la div avec style. Je le déconseille cependant, parce que c'est mauvais de mettre de la mise en forme dans le html directement, cependant, c'est utile cependant pour des div qui ont les mêmes caractéristiques, sauf pour leur positionnement! Cependant, un div peut avoir plusieurs class/id)

CSS:

Code:


#contour_PA {
   width: 821px;
   height: 601px;
   background-image: url('URL_DE_lIMAGE_ENTIÈRE_ICI');
   position: relative;
}

#element_1_PA {
   position: absolute;
   width: 200px;
   heigth: 200px;
   top: 200px;
   left: 100px;
}

etc... Je ne mets pas tout, tu comprends l'idée Les valeurs sont seulement indicatives, et je ne pense pas qu'elles reflètent la réalité de ta PA

En somme, cela te permet d'avoir une seule grande image en fond plutôt que plusieurs (bien que selon ce que je me rappelle tu peux aussi donner une image de fond unique à un tableau..) et tu peux tout positionner comme cela te chante. C'est cependant long

Je ne sais pas si c'est ce que tu cherches, cependant, je ne vois pas plus "simple". J'espère t'avoir un peu aidée tout de même! ^^"

Ho merci beaucoup! Je pense que même si c'est aussi long à faire, je pense que ça reste plus "simple" comme tu dis. Je vais tenter de faire comme tu me l'indiques, et on verra si cela me parait moins barbare que ce que j'ai l'habitude de faire. Dans tous les cas, je pense que c'est plus lisible que ce que je fais actuellement.

Merci

Je t'en prie! Si tu as des question tu n'hésite pas à redemander ici ou par MP