Catégorie composite: Placer une image dans une cellule de tableau

par Cid1230 Dim 30 Aoû 2015 - 16:35

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://chloe-voyance.forumactif.org/

Description du problème

Bonjour =)

Heureux de m'être enfin inscrit ici, c'est vrai que souvent je trouvais les réponses à mes soucis en cherchant dans les posts, et en élaborant un peu,
mais la j'avoue que je sèche donc je me lance :

J'essaie de mettre en place une catégorie composite, mais je n'arrive pas à placer mon image dans le code habituel.
Vous pouvez voir le résultat sur la page d'accueil du forum tout en bas dans la catégorie les douzes signes du zodiaque :
http://chloe-voyance.forumactif.org/

J'utilise ce petit bout de code avec une image dont l'adresse est http://[...]belier10.png :

Code:: <tr> <td style="width: 42px;"> <a href="http://chloe-voyance.forumactif.org/f15-belier"><img src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" alt="" border="0" style="width: 50px; height: 50px;" /></a> </td> <td style="width: 42%;"> <a href="http://chloe-voyance.forumactif.org/f15-belier">Bélier</a> </td>

Le bout du code que je viens de vous donner se trouve bien sur dans un plus grand code qui est le suivant :

Code:: COMPLETEZ VOTRE SIGNE DU ZODIAQUE - MERCI Qui n'a jamais regardé dans un journal son horoscope gratuit? On a tous envie de savoir qu'une belle journée nous attend... Partageons nos impressions, nos ressentis, notre caractère, défauts ou qualités d'un signe, découvrons sur le forum de voyance gratuite qui est né(e) le même jour, y a t'il des ressemblances, des divergences ? Existe t'il des signes du zodiaque qui ne sont pas compatibles ? en amitié ? en amour ? <table border="0" style="margin-top: -15px; margin-bottom: -15px; width: 100%; height: 600px;"> <tbody> <tr> <td style="width: 40px;"> <a href="" http:="" chloe-voyance.forumactif.org="" f14-verseau=""><img src="" border="0" alt="" /></a> </td> <td style="width: 42%;"> <a href="http://chloe-voyance.forumactif.org/f14-verseau">Verseau</a> </td> <td style="width: 10px;"> </td> <td style="width: 40px;"> <a href="http://chloe-voyance.forumactif.org/f25-poissons"><img src="" border="0" alt="" /></a> </td> <td style="width: 42%;"> <a href="http://chloe-voyance.forumactif.org/f25-poissons">Poissons</a> </td> </tr> <tr> <td style="width: 42px;"> <a href="http://chloe-voyance.forumactif.org/f15-belier"><img style="width: 50px; height: 50px;" border="0" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /></a> </td> <td style="width: 42%;"> <a href="http://chloe-voyance.forumactif.org/f15-belier">Bélier</a> </td> <td style="width: 10px;"> </td> <td style="width: 40px;"> <a href="http://chloe-voyance.forumactif.org/f16-taureau"><img src="" border="0" alt="" /></a> </td> <td style="width: 42%;"> <a href="http://chloe-voyance.forumactif.org/f16-taureau">Taureau</a> </td> </tr> <tr> <td style="width: 40px;"> <a href="http://chloe-voyance.forumactif.org/f17-gemeaux"><img src="" border="0" alt="" /></a> </td> <td style="width: 42%;"> <a href="http://chloe-voyance.forumactif.org/f17-gemeaux">Gémeaux</a> </td> <td style="width: 10px;"> </td> <td style="width: 40px;"> <a href="http://chloe-voyance.forumactif.org/f18-cancer"><img src="" border="0" alt="" /></a> </td> <td style="width: 42%;"> <a href="http://chloe-voyance.forumactif.org/f18-cancer">Cancer</a> </td> </tr> <tr> <td style="width: 40px;"> <a href="http://chloe-voyance.forumactif.org/f19-lion"><img src="" border="0" alt="" /></a> </td> <td style="width: 42%;"> <a href="http://chloe-voyance.forumactif.org/f19-lion">Lion</a> </td> <td style="width: 10px;"> </td> <td style="width: 40px;"> <a href="http://chloe-voyance.forumactif.org/f20-vierge"><img src="" border="0" alt="" /></a> </td> <td style="width: 42%;"> <a href="http://chloe-voyance.forumactif.org/f20-vierge">Vierge</a> </td> </tr> <tr> <td style="width: 40px;"> <a href="http://chloe-voyance.forumactif.org/f21-balance"><img src="" border="0" alt="" /></a> </td> <td style="width: 42%;"> <a href="http://chloe-voyance.forumactif.org/f21-balance">Balance</a> </td> <td style="width: 10px;"> </td> <td style="width: 40px;"> <a href="http://chloe-voyance.forumactif.org/f22-scorpion"><img src="" border="0" alt="" /></a> </td> <td style="width: 42%;"> <a href="http://chloe-voyance.forumactif.org/f22-scorpion">Scorpion</a> </td> </tr> <tr> <td style="width: 40px;"> <a href="http://chloe-voyance.forumactif.org/f23-sagittaire"><img src="" border="0" alt="" /></a> </td> <td style="width: 42%;"> <a href="http://chloe-voyance.forumactif.org/f23-sagittaire">Sagittaire</a> </td> <td style="width: 10px;"> </td> <td style="width: 40px;"> <a href="http://chloe-voyance.forumactif.org/f24-capricorne"><img src="" border="0" alt="" /></a> </td> <td style="width: 42%;"> <a href="http://chloe-voyance.forumactif.org/f24-capricorne">Capricorne</a> </td> </tr> </tbody> </table>

Il y a 12 signes du zodiaque et je voudrais mettre une image pour chacun d'eux,
j'ai donc multiplié le nombre de sous forums pour arriver à 12.

Mon souci, comme vous pouvez le voir sur la page d'accueil est que l'image apparait à gauche du titre du sous-forum et pas en dessous comme je le voudrais.

Je vous pose donc la question si vous avez une idée de comment modifier le code pour mettre l'image en dessous du titre du sous forum " Bélier" =)

Merci à vous. Very Happy

par Neptunia Dim 30 Aoû 2015 - 17:15

Bonjour Cid1230, et bienvenue sur le Forum des Forums Forumactif

Un peu de lecture pour commencer :
Tuto

Apprendre à faire un tableau

Dans un tableau vous avez des lignes (tr) et des colonnes. Ici on va parler de cellules (td)
Si vous placez plusieurs cellules sur une même ligne, elles apparaitront les unes à côté des autres et non les unes au dessus des autres

Pour placer l'image sous le lien de la section vous pouvez au choix.
1/ Placer les cellules lien et image dans deux tr différentes.
2/ Utiliser un seul td et placer le lien d'abord, un retour chariot et enfin l'image

par Scoubifitz Dim 30 Aoû 2015 - 18:07

bonjour,

Comme expliqué par Neptune- , ça donnerait ceci :

Code:: COMPLETEZ VOTRE SIGNE DU ZODIAQUE - MERCI Qui n'a jamais regardé dans un journal son horoscope gratuit? On a tous envie de savoir qu'une belle journée nous attend... Partageons nos impressions, nos ressentis, notre caractère, défauts ou qualités d'un signe, découvrons sur le forum de voyance gratuite qui est né(e) le même jour, y a t'il des ressemblances, des divergences ? Existe t'il des signes du zodiaque qui ne sont pas compatibles ? en amitié ? en amour ? <table border="0" style="border-spacing: 10px;text-align:center;margin:auto;"> <tbody> <tr> <td> <a href="/f14-verseau"> <img style="width: 50px; height: 50px;" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /> Verseau </a> </td> <td> <a href="/f25-poissons"> <img style="width: 50px; height: 50px;" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /> Poissons </a> </td> <td> <a href="/f15-belier"> <img style="width: 50px; height: 50px;" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /> Bélier </a> </td> <td> <a href="/f16-taureau"> <img style="width: 50px; height: 50px;" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /> Taureau </a> </td> </tr> <tr> <td> <a href="/f17-gemeaux"> <img style="width: 50px; height: 50px;" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /> Gémeaux </a> </td> <td> <a href="/f18-cancer"> <img style="width: 50px; height: 50px;" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /> Cancer </a> </td> <td> <a href="/f19-lion"> <img style="width: 50px; height: 50px;" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /> Lion </a> </td> <td> <a href="/f20-vierge"> <img style="width: 50px; height: 50px;" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /> Vierge </a> </td> </tr> <tr> <td> <a href="/f21-balance"> <img style="width: 50px; height: 50px;" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /> Balance </a> </td> <td> <a href="/f22-scorpion"> <img style="width: 50px; height: 50px;" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /> Scorpion </a> </td> <td> <a href="/f23-sagittaire"> <img style="width: 50px; height: 50px;" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /> Sagittaire </a> </td> <td> <a href="/f24-capricorne"> <img style="width: 50px; height: 50px;" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /> Capricorne </a> </td> </tr> </tbody> </table>

par Cid1230 Dim 30 Aoû 2015 - 23:33

Bonsoir et super merci à vous 2 Very Happy

Neptune pour les explications générales,
et Scoubi pour le code précis.

J'ai encore changé quelques trucs et ça me parait pas mal comme ça,
bon je vais mettre une image différente par signe mais j'ai juste à changer les liens Smile

http://chloe-voyance.forumactif.org/

(tout en bas de la page d'accueil)

Par contre, j'aimerais que le texte en dessous de chaque image soit plutot au dessus,
vous savez quel attribut utiliser et ou le mettre ?

je veux dire juste le mot Verseau , Bélier,etc.

Après ce sera parfait clown

Si je peux vous aider pour quelque chose à mon tour ce sera sans souci Smile

A bientot

par Neptunia Lun 31 Aoû 2015 - 0:03

Cid1230 a écrit:Par contre, j'aimerais que le texte en dessous de chaque image soit plutot au dessus,
vous savez quel attribut utiliser et ou le mettre ?

Comme je l'ai expliqué plus haut :

Neptune- a écrit:
Pour placer l'image sous le lien de la section vous pouvez au choix.

2/ Utiliser un seul td et placer le lien d'abord, un retour chariot et enfin l'image

Ce qui donne par exemple :

Code:: <td> <a href="/f18-cancer"> Cancer <img style="width: 50px; height: 50px;" alt="" src="http://i18.servimg.com/u/f18/18/62/98/24/belier10.png" /> </a> </td>

par Cid1230 Lun 31 Aoû 2015 - 9:22

Ah merci parfait, effectivement je n'avais pas fait attention =)

Je met le sujet en résolu,
et vous remercie pour la rapidité de vos réponses.

Bonne journée Wink

par **Chacha** Lun 31 Aoû 2015 - 11:16

..	Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de ForumActif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse