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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par Cid1230 le 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"><span><strong>Bélier</strong></span></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:

<span style="color: #FF9933;"><strong>COMPLETEZ VOTRE SIGNE DU ZODIAQUE - MERCI</strong></span><br /><span style="color: #0000FF;">Qui n'a jamais regardé dans un journal son horoscope gratuit? On a tous envie de savoir qu'une belle journée nous attend...<br />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 ?</span>
<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"><span>Verseau</span></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"><strong>Poissons</strong></a><br />                                                       
         </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"><span><strong>Bélier</strong></span></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"><strong>Taureau</strong></a><br />                                                               
         </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"><strong>Gémeaux</strong></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"><strong>Cancer</strong></a><br />                                                       
         </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"><strong>Lion</strong></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"><strong>Vierge</strong></a><br />                                                               
         </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"><strong>Balance</strong></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"><strong>Scorpion</strong></a><br />                                                       
         </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"><strong>Sagittaire</strong></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"><strong>Capricorne</strong></a><br />                                                       
         </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

Cid1230
Nouveau membre

Messages : 10
Inscrit(e) le : 30/08/2015

http://chloe-voyance.forumactif.org/
Cid1230 a été remercié(e) par l'auteur de ce sujet.

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

Message par Neptunia le 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 <br /> et enfin l'image

Neptunia
+ Hyperactif +

Féminin
Messages : 10398
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

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

Message par Scoubifitz le Dim 30 Aoû 2015 - 18:07

bonjour,

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

Code:
<span style="color: #FF9933;font-weight:bold">COMPLETEZ VOTRE SIGNE DU ZODIAQUE - MERCI</span><br /><span style="color: #0000FF;">Qui n'a jamais regardé dans un journal son horoscope gratuit? On a tous envie de savoir qu'une belle journée nous attend...<br />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 ?</span>
<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" /><br />
      <strong>Verseau</strong>
          </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" /><br />
      <strong>Poissons</strong>
          </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" /><br />
      <strong>Bélier</strong>
          </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" /><br />
      <strong>Taureau</strong>
          </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" /><br />
      <strong>Gémeaux</strong>
          </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" /><br />
      <strong>Cancer</strong>
          </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" /><br />
      <strong>Lion</strong>
          </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" /><br />
      <strong>Vierge</strong>
        </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" /><br />
      <strong>Balance</strong>
          </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" /><br />
      <strong>Scorpion</strong>
          </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" /><br />
      <strong>Sagittaire</strong>
          </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" /><br />
      <strong>Capricorne</strong>
          </a>
      </td>
    </tr>
  </tbody>
</table>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Génial :)

Message par Cid1230 le 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 Like a Star @ heaven

Cid1230
Nouveau membre

Messages : 10
Inscrit(e) le : 30/08/2015

http://chloe-voyance.forumactif.org/
Cid1230 a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par Neptunia le 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 <br /> et enfin l'image

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10398
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu efficacité

Message par Cid1230 le 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

Cid1230
Nouveau membre

Messages : 10
Inscrit(e) le : 30/08/2015

http://chloe-voyance.forumactif.org/
Cid1230 a été remercié(e) par l'auteur de ce sujet.

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

Message par Chacha le 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
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49812
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum