(HTML) : alignement horizontal de 2 tableaux

2 participants

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

Résolu (HTML) : alignement horizontal de 2 tableaux

Message par RemyEP Sam 29 Sep 2012 - 0:24

Bonjour, voici ce que je veux faire :

(HTML) : alignement horizontal de 2 tableaux Haders31

Comme vous pouvez le voir sous CHrome tout est ok, sauf que sous IE et FireFiox, le tableau de droite d'affiche n'importe où
Le tableau s'affiche à partir de la fin des catégories....

(HTML) : alignement horizontal de 2 tableaux Haders32

Pour en arriver au résultat Chrome, j'ai modifié le template "index_box" (Affichage des catégories)

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="700" border="0" style="width:700px; float:left" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="80%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

   </tr>
   <!-- END tablehead -->

   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
          </td>
          <td><repeat 2x></td>
         

   </tr>
   <!-- END cathead -->

   <!-- BEGIN forumrow -->
        <tr>
      <!-- BEGIN inc -->c--
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="20">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      
   </tr>
   <!-- END forumrow -->

   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
<table width="250" class="forumline" style="width:250px; float:right" cellpadding="3" cellspacing="0" border="0" >
<td><center>Facebook</center>
<tr></tr>
<td class="row2"><center><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesfaw&amp;width=250&amp;height=427&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=true&amp;header=true&amp;appId=163259660437482" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:427px;" allowTransparency="true"></iframe></center></td></tr>
<tr>
<td class ="forumline" > </td>
</tr>
<tr>
<td class="row2"><img width="250" src="http://illiweb.com/fa/pbucket.gif" /></td>
</tr>
<tr>
<td class ="forumline" width="250" ><center>Youtube</center></td>
</tr>
<tr>
<td class="row2"><iframe width="250" height="204" src="http://www.youtube.com/embed/videoseries?list=PLPL5zfEAmojipvZ-3hFsTAX1Ol2TPWCAc&amp;hl=fr_FR" frameborder="0" allowfullscreen></iframe></td>
</tr>
</table>

Mais donc, pourquoi sous IE et Firefox ca fou la miouse ? Crying or Very sad

Forum : http://www.desfaw.com/forum
Version : PhpBB2


Dernière édition par RemyEP le Mar 9 Oct 2012 - 11:40, édité 1 fois
avatar

RemyEP
Nouveau membre

Masculin
Messages : 13
Inscrit(e) le : 22/05/2011

http://desfaw.forumsactifs.com/
RemyEP a été remercié(e) par l'auteur de ce sujet.

Résolu Re: (HTML) : alignement horizontal de 2 tableaux

Message par Automne Mar 9 Oct 2012 - 11:21

(HTML) : alignement horizontal de 2 tableaux Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur (HTML) : alignement horizontal de 2 tableaux Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton (HTML) : alignement horizontal de 2 tableaux 50378

A bientôt sur ForumActif Smile

Bonjour,

Je ne rencontre pas de problème avec firefox.
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: (HTML) : alignement horizontal de 2 tableaux

Message par RemyEP Mar 9 Oct 2012 - 11:39

Effectivement, j'ai résolu le problème hier, il fallait juste inverser les codes des 2 tableaux respectifs !
Je passe en résolu, merci quand même ! Very Happy
avatar

RemyEP
Nouveau membre

Masculin
Messages : 13
Inscrit(e) le : 22/05/2011

http://desfaw.forumsactifs.com/
RemyEP a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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