Sujets similaires

Sujet: Un petit coup de pouce Jeu 21 Jan 2010, 17:07

Bonsoir =)

Je suis en train de travailler sur un tableau dans le footer de mon forum, grâce au tutoriel des partenaires dans le footer (et des merveilleux cours d'Orange !!) mais je sêche sur une question assez bête =)

J'aimerais en fait que les deux colonnes de mon tableau ne soient pas collées. C'est à dire qu'un espace de 30 pixels les sépare. Est-ce que c'est possible ? Si oui, comment le créer ?

Voici le code présent dans le footer concernant cette partie ::

Code:: <center>
<TABLE BORDER>
<TR><TD><table class="forumline" width="350" border="0" cellspacing="1"cellpadding="0">
<tr><td class="catHead" colspan="1" height="50"><span class="Partenaires"></span><b><font color="#5c626b">Partenaires</b></font></td></tr>
<tr><td class="row1"><span><marquee style= direction="right" onmouseover=this.stop(); onmouseout=this.start();><a href="http://css-actif.forumactif.org/" target="_blank"><img src="http://o-side.com/files/download/css-actif.gif" alt="CssActif" width="88" border="0" height="31"></a> <a href="http://css-actif.forumactif.org/" target="_blank"><img src="http://o-side.com/files/download/css-actif.gif" alt="cssActif" border="0"></a> <a href="http://css-actif.forumactif.org/" target="_blank"><img src="http://o-side.com/files/download/css-actif.gif" alt="cssActif" width="88" border="0" height="31"></a></span></marquee></td></tr>
</table></TD><TD><table class="forumline" width="350" border="0" cellspacing="1"cellpadding="0">
<tr><td class="catHead" colspan="1" height="50"><span class="Partenaires"></span><b><font color="#5c626b">Partenaires</b></font></td></tr>
<tr><td class="row1"><span><marquee style= direction="right" onmouseover=this.stop(); onmouseout=this.start();><a href="http://css-actif.forumactif.org/" target="_blank"><img src="http://o-side.com/files/download/css-actif.gif" alt="CssActif" width="88" border="0" height="31"></a> <a href="http://css-actif.forumactif.org/" target="_blank"><img src="http://o-side.com/files/download/css-actif.gif" alt="cssActif" border="0"></a> <a href="http://css-actif.forumactif.org/" target="_blank"><img src="http://o-side.com/files/download/css-actif.gif" alt="cssActif" width="88" border="0" height="31"></a></span></marquee></td></tr>
</table></TD></TR>
</TABLE>
</center><br>

Merci à vous =)

Sujet: Re: Un petit coup de pouce Jeu 21 Jan 2010, 18:31

Etant donné que tes deux tableaux sont dans un grand tableau, tu peux rajouter une colonne au milieu de 30 px dans laquelle tu ne mettra rien.

Ou alors à l'une des deux colonnes tu rajoute un padding left ou right de 30 px.

Sujet: Re: Un petit coup de pouce Jeu 21 Jan 2010, 18:52

Merci beaucoup de ta réponse et si rapide en plus =)

Pour le padding, je ne sais même plus le code pour faire ça >< *s'en va fouiller* je vais tester pour voir =) (si je trouve le morceau de code me donnant un padding XD *boulay débutante*

Sujet: Re: Un petit coup de pouce Jeu 21 Jan 2010, 18:54

Tu met dans la balise que tu souhaite qu'il y est un espacement à gauche par exemple

Code:: style="padding-left:30px;"

Sujet: Re: Un petit coup de pouce Jeu 21 Jan 2010, 19:09

Merci pour la code =)

Finalement comme je n'arrivais pas placer ce code de manière à le rendre efficace sur les contours des cellules, j'ai créé une colonne vide, seulement, du coup, cela me met un encart sur le haut et le bas :

Comme ici sur mon forum de test : http://themes-de-liv.forumactif.org/forum.htm

Il faut que j'arrive à supprimer ce truuuuc ><

Sujet: Re: Un petit coup de pouce Jeu 21 Jan 2010, 19:13

Hum oui je vois, mais le truc c'est que si tu ne veux pas des bordures tu est obliger de les enlever partout étant donner que c'est sur le tableau principal.
Mais je suppose que si tu fais ca autour des deux tableaux tu devrai pouvoir mettre une div pour chaque et commander au css de faire une bordure.

Tu me suis ?

Edit:
Tiens j'ai rajouter deux troi truc sur ton code, qui devrai faire que ca marche.

Code:: <center>
<TABLE>
<TR>
   <TD><div style="border: 3px ridge grey;">
      <table class="forumline" width="350" border="0" cellspacing="1"cellpadding="0">
         <tr>
            <td class="catHead" colspan="1" height="50">
               <span class="Partenaires">
               </span>
                  <b>
                     <font color="#5c626b">Partenaires
                     </font>
                  </b>
               </td>
            </tr>
            <tr>
               <td class="row1">
                  <span>
                     <marquee style= direction="right" onmouseover=this.stop(); onmouseout=this.start();>
                     <a href="http://css-actif.forumactif.org/" target="_blank">
                        <img src="http://o-side.com/files/download/css-actif.gif" alt="CssActif" width="88" border="0" height="31">
                     </a>
                     <a href="http://css-actif.forumactif.org/" target="_blank">
                        <img src="http://o-side.com/files/download/css-actif.gif" alt="cssActif" border="0">
                     </a>
                     <a href="http://css-actif.forumactif.org/" target="_blank">
                        <img src="http://o-side.com/files/download/css-actif.gif" alt="cssActif" width="88" border="0" height="31">
                     </a>
                     </marquee>
                  </span>
               </td>
            </tr>
      </table></div>
   </TD>
   <td width="30">
   </td>
   <TD><div style="border: 3px ridge grey;">
      <table class="forumline" width="350" border="0" cellspacing="1"cellpadding="0">
         <tr>
            <td class="catHead" colspan="1" height="50">
               <span class="Partenaires">
               </span>
               <b>
                  <font color="#5c626b">Partenaires
                  </font>
               </b>
            </td>
         </tr>
         <tr>
            <td class="row1">
               <span>
                  <marquee style= direction="right" onmouseover=this.stop(); onmouseout=this.start();>
                  <a href="http://css-actif.forumactif.org/" target="_blank">
                     <img src="http://o-side.com/files/download/css-actif.gif" alt="CssActif" width="88" border="0" height="31">
                  </a>
                  <a href="http://css-actif.forumactif.org/" target="_blank">
                     <img src="http://o-side.com/files/download/css-actif.gif" alt="cssActif" border="0">
                  </a>
                  <a href="http://css-actif.forumactif.org/" target="_blank">
                     <img src="http://o-side.com/files/download/css-actif.gif" alt="cssActif" width="88" border="0" height="31">
                  </a>
                  </marquee>
               </span>
            </td>
         </tr>
      </table></div>
   </TD>
</TR>
</TABLE>
</center><br>

J'ai juste rajouter les div et la colonne du milieu.

Sujet: Re: Un petit coup de pouce Jeu 21 Jan 2010, 19:25

Oui j'avais justement tilté ça et j'étais en train de créer le CSS en question. L'idée m'est venue aussi, mais bon comme dit je suis novice hein =) En plus je dois avouer que je galère pour savoir Où placer cette CHOSE (lol) dans le code de mon footer (parce que du coup mes essais ne servent à rien --' (Moi petit scarabé...)
Dans le code, à la base, j'ai créé un grand tableau, parce que je ne savais pas comment faire pour en aligner deux... --'

Bon, du coup le code, pour l'instant, c'est le bazard !! XD

Code:: <TABLE BORDER><TR><TD><table class="forumline" width="300" border="0" cellspacing="1"cellpadding="0">
<tr><td class="catHead" colspan="1" height="20"><span class="Nos Partenaires VIP"></span><center><b><font color="#5c626b">+Nos Partenaires VIP+</b></font></center></td></tr>
<tr><td class="row1"><span><marquee id="id1"><a href="http://inverness.forumactif.org" target="_blank"><img src="http://i43.tinypic.com/2uzw5s0.jpg" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://medievalwarrpg.forumactif.com" target="_blank"><img src="http://nsa07.casimages.com/img/2009/08/20/090820011530122298.jpg" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://animalia-kingdom.bbactif.com/forum.htm" target="_blank"><img src="http://i87.servimg.com/u/f87/11/17/21/08/100_x_10.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://css-actif.forumactif.org" target="_blank"><img src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://rosesnoires.forumactif.com" target="_blank"><img src="http://nsa11.casimages.com/img/2009/11/03/mini_091103110557888125.jpg" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://caelumcalidus.forumactif.com" target="_blank"><img src="http://img7.hostingpics.net/pics/241695baba.jpg" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://tales-of-fate.forumactif.com/forum.htm" target="_blank"><img src="http://moe.mabul.org/up/moe/2009/12/21/img-121441if65r.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> </a> <a href="http://www.alderia.biz" target="_blank"><img src="http://aldei.power-heberg.com/Bpub/Aion%20bouton.jpg" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://sweetcreamschool.forumactif.com/forum.htm" target="_blank"><img src="http://nsa10.casimages.com/img/2009/11/04//091104094956507574.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://southhome.forumactif.com/forum.htm" target="_blank"><img src="http://img8.hostingpics.net/pics/516047SH_Bann_12.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://reservoirdogs.forumactif.com/forum.htm" target="_blank"><img src="http://i6.photobucket.com/albums/y209/Shini06/100x35.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a></marquee><div style="text-align: center; color: SandyBrown;">
<font style="font-family: Arial; color: #996633;" size="1">? <a href="http://angels-house.forum-actif.net/demande-de-partenariat-f124/nos-partenaires-t1588.htm" class="postlink">PLUS</a> ? <a href="http://angels-house.forum-actif.net/demande-de-partenariat-f124/regles-du-partenariat-t1158.htm#13160" class="postlink">VOUS</a> ?</font></div></td></tr>
</table></TD>

<TD><table class="" width=50" border="0" cellspacing="0"cellpadding="0">
</table></TD>

<TD><table class="forumline" width="300" border="0" cellspacing="1"cellpadding="0">
<tr><td class="catHead" colspan="1" height="20"></span><span class="Les Crédits"></span><center><b><font color="#5c626b">+Les Crédits+</b></font></center></td></tr>
<tr><td class="row1"><span><div style="text-align: right; color: SandyBrown;"><br>
<font style="font-family: Arial; color: #996633;" size="1">Design & Contenu Livia666 [Nitael]<br>Images originales StudioQube & Miist</font><br style="color: SandyBrown;"><font style="font-family: Arial; color: #996633;" size="1">Reproduction Totale & Partielle Interdite.</font></div></td></tr>
</table></TD></TR></TABLE>

Merci de ta patience en tout cas, <3

Sujet: Re: Un petit coup de pouce Jeu 21 Jan 2010, 19:27

Tu as essayer avec celui de base que je t'ai passée ?

Sujet: Re: Un petit coup de pouce Jeu 21 Jan 2010, 19:28

Oh pardon, je n'avais pas vu ton édition ^^' J'essaye ça de suite !! Merci !

EDIT :: o_o Tu es DIEU ! Dis moi ton secret *paf* le résultat est que cela fonctionne, en tout cas c'est magiiiique ! (non, c'est juste ma tête qui est trop petite je crois ^^)

Vraiment, c'est pile ce qu'il faut ! Alors là un énorme Merci ! <3 Et plein de nuée d'ondes de paix et d'amouuuur *se prends une poutre* Il est tard ^^' Pardon !

Donc on peut dire que cette sombre affaire est classée.

Encore un très grand merci ! Et bonne nuit, hein !

Sujet: Re: Un petit coup de pouce Jeu 21 Jan 2010, 19:42

Je fais donc un message juste pour ajouter que.. Problème résolu =) <3

Sujet: Re: Un petit coup de pouce Jeu 21 Jan 2010, 19:47

Se fut un plaisir de t'aider.
Et mon secret c'est beaucoup de manipulation, t'inquiète pas ca va venir pour toi Very Happy

Allé je classe.

Un petit coup de pouce

Un petit coup de pouce

Sujets similaires

Sujets similaires

Partenaires Or