Séparer en deux une cellule dans un tableau

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

Résolu Séparer en deux une cellule dans un tableau

Message par mama3802 le Sam 31 Juil 2010 - 13:58

Bonjour =),

- l'URL du forum, si nécessaire: http://perfectmatch.max2forum.com/forum.htm
- la version de votre forum: phpBB2
- une capture d'écran du problème: https://i35.servimg.com/u/f35/15/15/84/77/forum13.jpg
- votre statut sur le forum: Fondateur
- si vous avez modifié des templates: index_body et index_box
- si vous avez du CSS personnalisé: Oui
- votre ou vos navigateur(s): IE8

Je voudrais savoir comment séparer en deux, verticalement, la case que j'ai entourer dans la capture de mon forum.

Merci d'avance.


Dernière édition par mama3802 le Dim 1 Aoû 2010 - 14:45, édité 1 fois

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par ge80 le Sam 31 Juil 2010 - 14:12

Bonjour

voici une illustration

Tableau imbriqué

Code:
<table border="1"><tr><td><table><tr><td  bgcolor="#CCFFCC";> case 1</td><td bgcolor=yellow> case 2 </td></tr></table></td><td>y</td><td>z</td></tr></table>

Je préfère une solution avec un tableau ayant plus de colonnes et faire une fusion des colonnes

Cordialement

GE

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par mama3802 le Sam 31 Juil 2010 - 14:40

heu j'ai pas tous compris ^^
J'ai pas compris ou je devais le placer dans mon code Html.

Voila mon code des 3 dernières cases du bas:

Code:
<tbody><th colspan="1" rowspan="1" class="thTop forabg" width="28%">Liens du forum</th><th colspan="1" rowspan="1" class="thTop forabg" width="43%">A faire</th><th colspan="1" rowspan="1" class="thTop forabg" width="29%">TOP et Family site</th>
</tr>

<td class="row3" colspan="1" rowspan="1" align="center" valign="top"> <a href="http://twitter.com/_perfectmatch_" class="postlink" target="_blank"><img src="http://img45.xooimage.com/files/7/7/a/twitter-1bb5e3e.jpg"</td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">Merci de vous présentez avant de poster sur le forum<br>et de signer le réglement</br></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><div style="overflow: auto; width: 160px; height: 29px;">
<a href="http://www.lisaedelstein.net/" class="postlink" target="_blank"><img src="http://img43.xooimage.com/files/4/1/5/preciousstone-1ecefd6.jpg" border="0" alt="" /></a>
<a href="http://jennifermorrisonfan.un concurrent.tv/index.php" class="postlink" target="_blank"><img src="http://i32.servimg.com/u/f32/15/42/32/15/jmo_fo10.jpg" border="0" alt="" /></a>
<a href="http://forum-castle-tv.forumactif.com/forum.htm" class="postlink" target="_blank"><img src="http://i32.servimg.com/u/f32/15/42/32/15/forum_11.jpg" border="0" alt="" /></a>
<a href="http://downandout.bbactif.com/forum.htm" class="postlink" target="_blank"><img src="http://i32.servimg.com/u/f32/15/42/32/15/tous-s10.jpg" border="0" alt="" /></a>
<a href="http://medical-division.forumactif.us/forum.htm" class="postlink" target="_blank"><img src="http://img45.xooimage.com/files/1/d/c/autre-forum-1ec6d3c.jpg" border="0" alt="" /></a>
<a href="http://huddy-bbandusa.forumactif.org/forum.htm" class="postlink" target="_blank"><img src="http://img45.xooimage.com/files/3/5/f/series-idylis-forum-1ec6d1e.jpg" border="0" alt="" /></a>
<a href="http://lucy-addict.forumactif.com/forum.htm" class="postlink" target="_blank"><img src="http://img43.xooimage.com/files/0/4/7/forum-xena-perfectmatch-1ec6d13.jpg" border="0" alt="" /></a>
</div></span></td></tr>

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par ge80 le Sam 31 Juil 2010 - 15:03

Pouvez-vous donner le code compris entre les balises TABLE et /TABLE. SVP.

Le code fournit ne correspond pas à votre cellule sur l'image.
Et sans être inscrit je ne peux voir votre forum comme l'image
http://perfectmatch.max2forum.com/forum.htm

Une question complémentaire : la division par deux du contenu de la cellule (là ou est votre image twitter) ou deux cellules avec Liens du forum et une autre colonne aussi dans la cellule Lien du forum ?
Dit autrement est-ce comme votre Staff qui contient déjà un tableau imbriqué ?

J'ai fait un prototype sans vos styles et avec encadrement pour que cela soit visible !



ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par mama3802 le Sam 31 Juil 2010 - 18:34

Voila le code entier du tableau:

Code:
<span class="genmed"><table class="forumline table1 bg3" cellspacing="1" width="100%"><tbody><th colspan="1" rowspan="1" class="thTop forabg" width="28%">Nos Boutons</th><th colspan="1" rowspan="1" class="thTop forabg" width="43%">Diffusions</th><th colspan="1" rowspan="1" class="thTop forabg" width="29%">Staff</th>
</tr>

<span class="postbody"></a></span></td>

<td class="row3" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody"><a target="_blank" title="Xooimage - Hebergement gratuit d'images" href="http://img45.xooimage.com/files/8/1/9/bouton-perfetc-matc-1c75bb6.jpg"><img src="http://img45.xooimage.com/files/8/1/9/bouton-perfetc-matc-1c75bb6.jpg" border="0" /></a>  <a target="_blank" title="Xooimage - Hebergement gratuit d'images" href="http://img49.xooimage.com/files/2/8/5/img-123111wpmfu-1e15deb.gif"><img src="http://img49.xooimage.com/files/2/8/5/img-123111wpmfu-1e15deb.gif" border="0" /></a></span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><a target="_blank" title="Xooimage - Hebergement gratuit d'images" href="http://img9.xooimage.com/views/0/a/4/fr-7ae27.gif/"><img src="http://img9.xooimage.com/files/0/a/4/fr-7ae27.gif" border="0" /></a> En attente de la diffusion de la saison 6<br><a target="_blank" title="Xooimage - Hebergement gratuit d'images" href="http://img2.xooimage.com/views/4/a/0/us-7ae2e.gif/"><img src="http://img2.xooimage.com/files/4/a/0/us-7ae2e.gif" border="0" /></a> En attente de la saison 7...</br>
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"> <table><tr><td align="left"><div class="infobulle">
  <img src="http://img24.xooimage.com/files/d/d/0/lisa-1e5cca9.jpg"/>
      <span>
      <center> Administratrice </center><img src="http://img28.xooimage.com/files/a/2/8/75868271-1e5ccbc.jpg" /> <center>Marine</center>
        </span>
</div></td><td align="left"><div class="infobulle">
  <img src="http://img40.xooimage.com/files/5/0/8/huddy-1e5cd37.jpg"/>
      <span>
      <center> Modératrice </center><img src="http://img6.xooimage.com/files/a/0/3/2010-84-1af0f81.jpg" /> <center>Huddy </center>
        </span>
</div></td><td align="left"><div class="infobulle">
  <img src="http://img26.xooimage.com/files/5/a/9/pomme-1e235af.jpg"/>
      <span>
      <center> Modératrice</center><img src="http://img40.xooimage.com/files/2/0/d/11-43-1de5708.jpg" /><center> [B]rooklyn </center>
        </span>
</div></td></tr></table> </span></td>

<tr><th class="thTop forabg" colspan="1" rowspan="1">Infos</th>
<th class="thTop forabg" colspan="1" rowspan="1">Bienvenue
<br></th><th class="thTop forabg" colspan="1" rowspan="1">News du forum
<br></th></tr>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"> <br><b>Ouverture : </b>Le 29 avril 2010</br>
<b>Design :</b>Version 2 par Marine <br></br><b>Pour nous rejoindre,</b> inscrivez vous en cliquant <a href="http://perfectmatch.max2forum.com/profile.forum?mode=register" class="postlink">ICI</a> <br> <b>Pour devenir partenaire,</b> avec le forum venez faire une demande <a href="http://perfectmatch.max2forum.com/partenariat-f26/" class="postlink">ICI</a> <br></br></span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><a target="_blank" title="Xooimage - Hebergement gratuit d'images" href="http://img43.xooimage.com/views/6/0/d/welcome-1c768dc.jpg/"><img src="http://img43.xooimage.com/files/6/0/d/welcome-1c768dc.jpg" border="0" /></a><br></br> <b>Bienvenue sur Perfect Match,</b><br> forum axé principalement sur les ships Huddy et Huli. </br>Vous pouvez retrouvez également l'actualité de la série.


<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"> <a target="_blank" title="Xooimage - Hebergement gratuit d'images" href="http://img5.xooimage.com/files/e/e/9/nouveau-30c7e.gif"><img src="http://img5.xooimage.com/files/e/e/9/nouveau-30c7e.gif" border="0" /></a> Discussions Episode 6x22 <a href="http://perfectmatch.max2forum.com/la-saison-6-f44/discussions-episode-22-t105.htm" class="postlink"> ICI </a><br> <a target="_blank" title="Xooimage - Hebergement gratuit d'images" href="http://img5.xooimage.com/files/e/e/9/nouveau-30c7e.gif"><img src="http://img5.xooimage.com/files/e/e/9/nouveau-30c7e.gif" border="0" /></a> Huddy saison 7 <3 <a href="http://perfectmatch.max2forum.com/la-saison-7-f45/spoilers-saison-7-t70-45.htm" class="postlink">ICI</a>
<br><a target="_blank" title="Xooimage - Hebergement gratuit d'images" href="http://img5.xooimage.com/files/e/e/9/nouveau-30c7e.gif"><img src="http://img5.xooimage.com/files/e/e/9/nouveau-30c7e.gif" border="0" /></a> Video promo saison 7 <a href="http://perfectmatch.max2forum.com/la-saison-7-f45/spoilers-saison-7-t70-255.htm"> ICI </a></br>
</br></span></td>



<tbody><th colspan="1" rowspan="1" class="thTop forabg" width="28%">Liens du forum</th><th colspan="1" rowspan="1" class="thTop forabg" width="43%">A faire</th><th colspan="1" rowspan="1" class="thTop forabg" width="29%">TOP et Family site</th>
</tr>

<td class="row3" colspan="1" rowspan="1" align="center" valign="top"> <a href="http://twitter.com/_perfectmatch_" class="postlink" target="_blank"><img src="http://img45.xooimage.com/files/7/7/a/twitter-1bb5e3e.jpg"</td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">Merci de vous présentez avant de poster sur le forum<br>et de signer le réglement</br></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><div style="overflow: auto; width: 160px; height: 29px;">
<a href="http://www.lisaedelstein.net/" class="postlink" target="_blank"><img src="http://img43.xooimage.com/files/4/1/5/preciousstone-1ecefd6.jpg" border="0" alt="" /></a>
<a href="http://jennifermorrisonfan.un concurrent.tv/index.php" class="postlink" target="_blank"><img src="http://i32.servimg.com/u/f32/15/42/32/15/jmo_fo10.jpg" border="0" alt="" /></a>
<a href="http://forum-castle-tv.forumactif.com/forum.htm" class="postlink" target="_blank"><img src="http://i32.servimg.com/u/f32/15/42/32/15/forum_11.jpg" border="0" alt="" /></a>
<a href="http://downandout.bbactif.com/forum.htm" class="postlink" target="_blank"><img src="http://i32.servimg.com/u/f32/15/42/32/15/tous-s10.jpg" border="0" alt="" /></a>
<a href="http://medical-division.forumactif.us/forum.htm" class="postlink" target="_blank"><img src="http://img45.xooimage.com/files/1/d/c/autre-forum-1ec6d3c.jpg" border="0" alt="" /></a>
<a href="http://huddy-bbandusa.forumactif.org/forum.htm" class="postlink" target="_blank"><img src="http://img45.xooimage.com/files/3/5/f/series-idylis-forum-1ec6d1e.jpg" border="0" alt="" /></a>
<a href="http://lucy-addict.forumactif.com/forum.htm" class="postlink" target="_blank"><img src="http://img43.xooimage.com/files/0/4/7/forum-xena-perfectmatch-1ec6d13.jpg" border="0" alt="" /></a>
</div></span></td></tr>

</table>

Pour votre question, je veux séparer en deux le contenu de la cellule " liens du forum " comme sur votre exemple mais je veux que ça tienne toute la place de la cellule en hauteur. Mais sans doute ça le fait pas parce que il y a encore le lien Twitter non?

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par ge80 le Sam 31 Juil 2010 - 18:37

Tout à fait.
Donc Liens du forums reste comme sur l'image et les cellules 1 et 2 remplissent toute la cellule blanche. Est-ce correct ?
L'image twitter est dans une de ces cellules (je suppose ?)


ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par mama3802 le Sam 31 Juil 2010 - 18:44

Oui c'est ça et oui je veux laisser le lien twitter dans une des cellules =)

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par ge80 le Sam 31 Juil 2010 - 18:45

Bon j'ai bien compris.

Je finalise et vous aurez votre fichier modifié mais demain matin, désolé.

Bonne soirée


ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par mama3802 le Sam 31 Juil 2010 - 18:47

Ok merci beaucoup =)
Bonne soirée

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par ge80 le Dim 1 Aoû 2010 - 11:44

Bonjour

C'est en cours

Par contre je crains que vous ne fassiez une erreur car vous donnez votre contenu partiel.

Sauvegarder dans un sujet de votre forum l'intégralité de votre code !
Ensuite rechercher
Code:
TOP et Family site</th>
</tr>

Supprimer le code entre la fin du code ci-dessus et le début
Code:
 <td class="row3" colspan="1"
 rowspan="1" align="center"><span class="postbody">Merci
de vous présentez avant de poster sur le forum


C'est à dire ce code
Code:
<td class="row3" colspan="1" rowspan="1" align="center" valign="top"> <a href="http://twitter.com/_perfectmatch_" class="postlink" target="_blank"><img src="http://img45.xooimage.com/files/7/7/a/twitter-1bb5e3e.jpg"</td>

Et insérer dans l'espace libéré ce code
Code:
<tr><td class="row3" colspan="1" rowspan="1" align="center" valign="top"><table style="text-align: left; width: 100%; height: 100%;" border="1" cellpadding="2" cellspacing="2"><tbody><tr><td>Cellule 1 <a href="http://twitter.com/_perfectmatch_" class="postlink" target="_blank"><img src="forum1_fichiers/twitter-1bb5e3e.jpg" /></a></td><td>cellule 2 <a href="http://twitter.com/_perfectmatch_" class="postlink" target="_blank"><img src="forum1_fichiers/twitter-1bb5e3e.jpg" /></a></td></tr></tbody></table></td>

Vérifier
Enregistrer et vérifier.

Cordialement et bon appétit

GE

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par mama3802 le Dim 1 Aoû 2010 - 13:42

Bonjour,

J'ai essayer et ça me donnais ça: https://i35.servimg.com/u/f35/15/15/84/77/forum14.jpg

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par ge80 le Dim 1 Aoû 2010 - 13:52

Bonjour
C'est de ma faute, j'ai oublié de restaurer les liens images.

Cela n'est pas grave car j'ai vu le rendu et c'est correct.
Il faut changer les liens de l'image

Remplacer les deux
Code:
 src="forum1_fichiers/twitter-1bb5e3e.jpg"

par
Code:
 src="http://img45.xooimage.com/files/7/7/a/twitter-1bb5e3e.jpg"

et vous pouvez mettre border="1" en border="0" pour enlever le cadre

Désolé

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par mama3802 le Dim 1 Aoû 2010 - 14:17

ok merci je vais essayer =)

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par ge80 le Dim 1 Aoû 2010 - 14:33

Je vois que cela fonctionne sur votre forum

Reste le border="1" en border="0".

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par mama3802 le Dim 1 Aoû 2010 - 14:41

Oui ça fonctionne ^^ Je crois que je vais laisser les bords.
En tout cas merci =)

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par ge80 le Dim 1 Aoû 2010 - 14:42

A votre disposition

Bon dimanche

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer en deux une cellule dans un tableau

Message par mama3802 le Dim 1 Aoû 2010 - 14:44

Merci vous aussi =)

mama3802
*****

Féminin
Messages : 581
Inscrit(e) le : 30/04/2010

http://perfectmatch.max2forum.com/
mama3802 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