Fusionner 2cellules dans un PA

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

Résolu Fusionner 2cellules dans un PA

Message par Codage le Ven 13 Jan 2012 - 3:17

Bonjour à tous,

L'on est venue me poser une petite colle, un ami refait un PA sur une base de 2lignes pour 3colonnes et il souhaite ajouter une 3è ligne mais qui ne contiens que 2colonnes comment faire pour fusionner les 2colonnes pour cette 3è ligne, car personnellement je ne sais pas du tout.

Merci Bien à vous.

Il part d'un tableau HTML de Quierra et en arrive à sa:
code du PA:
Spoiler:
Code:
<table class="tout_tab" align=center width="700" cellspacing="5">
  <tr>
    <th class="haut_tab" width="20%"><img  style="float:left; margin-top: -12px; margin-left: -12px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t112.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t210.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t112.png'"><div class="titre_haut">Navigation</div></th>

    <th class="haut_tab" width="60%"><img  style="float:left; margin-top: -2px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t810.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t811.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t810.png'"><div class="titre_haut">~~~WELCOME SUR LE FORUM~~~</div><img  style="float:right; margin-top: -22px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t610.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t510.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t610.png'"></th>

    <th class="haut_tab" width="20%"><img  style="float:right; margin-top: -12px; margin-right: -12px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t410.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t310.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t410.png'"><div class="titre_haut">Derniers Sujets</div></th>
  </tr>
  <tr>
    <td class="centre_g">
<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 1</a></br>

<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 2</a></br>

<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 4</a></br>

<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 5</a></br>

<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 6</a></br>

<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 7</a></br>

<a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 8</a></br>
    </td>
    <td class="centre_c">
<IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><B>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </B><IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"></br></br><I> TEXTE TEXTE TEXTE</I>
    </td>
    <td class="centre_d">

<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script><div id="scroller_container"><div class="jscroller2_up jscroller2_speed-40 jscroller2_mousemove">

ICI LE CONTENU : IMAGES, TEXTES, LIENS, ETC, ETC, ETC, ETC, ETC.

 </div>
</div>
    </td >

  </tr>


  <tr>
    <th class="bas_tab" width="100%"><img  style="float:left; margin-top: -12px; margin-left: -12px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t112.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t210.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t112.png'"><div class="titre_bas">Partenaires</div></th>

    <td class="centre_b">
<I> TEXTE TEXTE TEXTE</I>
    </td>
    <td class="droite_b">
<I> TEXTE</I>
    </td>
  </tr>
</table>
et le CSS:
Spoiler:
Code:
.tout_tab{
background-image: url("http://img11.hostingpics.net/pics/993214bgcat.png");
border: 2px solid #dbcece;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 0px 0px 10px #AA1E38;
-webkit-box-shadow: 0px 0px 10px #AA1E38;
box-shadow: 0px 0px 10px #AA1E38;
padding: 6px;
}
.haut_tab{
vertical-align: center;
background-image: url("http://img11.hostingpics.net/pics/993214bgcat.png");
border: 2px solid #dbcece;
-moz-border-radius:15px 15px 0px 0px;
-webkit-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
background:rgba(207,207,207,0.4) !important;
background-color: #a54d4d;
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
}
.bas_tab{
vertical-align: center;
background-image: url("http://img11.hostingpics.net/pics/993214bgcat.png");
border: 2px solid #dbcece;
-moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
background:rgba(207,207,207,0.4) !important;
background-color: #a54d4d;
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
}
.titre_haut{
color: #000;
text-align: center;
font-size: 16px;
font-style: italic;
text-shadow: 0px 0px 2px #ffffff;
}
.titre_haut:hover {
font-style: normal;
text-shadow: 0px 0px  2px #CC0000;
}
.titre_bas{
color: #000;
text-align: center;
font-size: 16px;
font-style: italic;
text-shadow: 0px 0px 2px #ffffff;
}
.titre_bas:hover{
font-style: normal;
text-shadow: 0px 0px  2px #CC0000;
}

.centre_g{
font-size: 17px;
color: #000 !important;
text-align: center;
background-image: url("http://img11.hostingpics.net/pics/993214bgcat.png");
border: 2px solid #dbcece;
-moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
background:rgba(207,207,207,0.4) !important;
background-image: url("http://img11.hostingpics.net/pics/993214bgcat.png");
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
}
.centre_g a{
color: #000 !important;
text-decoration: none;
}
.centre_g a:hover{
color: #000 !important;
text-shadow: 0px 0px  2px #CC0000;
font-style: italic;
}
.centre_g img{
text-decoration: none;
border: none;
}
.centre_c{
font-size: 11px;
color: #000 !important;
text-align: left;
background-image: url("http://img11.hostingpics.net/pics/993214bgcat.png");
border: 2px solid #dbcece;
-moz-border-radius:0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
background:rgba(207,207,207,0.4) !important;
background-image: url("http://img11.hostingpics.net/pics/993214bgcat.png");
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
padding: 10px;
}
.centre_d{
font-size: 12px;
color: #000 !important;
text-align: center;
background-image: url("http://img11.hostingpics.net/pics/993214bgcat.png");
border: 2px solid #dbcece;
-moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
background:rgba(207,207,207,0.4) !important;
background-image: url("http://img11.hostingpics.net/pics/993214bgcat.png");
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
padding: 10px;
}
.centre_d img{
text-decoration: none;
border: none;
}
.centre_b{
font-size: 11px;
color: #000 !important;
text-align: left;
background-image: url("http://img11.hostingpics.net/pics/993214bgcat.png");
border: 2px solid #dbcece;
-moz-border-radius:0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
background:rgba(207,207,207,0.4) !important;
background-image: url("http://img11.hostingpics.net/pics/993214bgcat.png");
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
padding: 10px;
}
.droite_b{
font-size: 12px;
color: #000 !important;
text-align: center;
background-image: url("http://img11.hostingpics.net/pics/993214bgcat.png");
border: 2px solid #dbcece;
-moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
background:rgba(207,207,207,0.4) !important;
background-image: url("http://img11.hostingpics.net/pics/993214bgcat.png");
border: 2px solid rgba(205,92,92, 0.2) !important;
border: 2px solid #CD5C5C;
-moz-box-shadow: 0px 0px 6px #260000;
-webkit-box-shadow: 0px 0px 6px #260000;
box-shadow: 0px 0px 6px #260000;
padding: 10px;
}
.droite_b img{
text-decoration: none;
border: none;
}
/* Scroller Box */

#scroller_container {
width: 120px;
height: 160px;
overflow: hidden;
}
/* CSS Hack Safari */

#dummy {;# }

#scroller_container {
overflow: auto;
}
Aperçu:
Spoiler:


Dernière édition par Codage le Ven 13 Jan 2012 - 8:53, édité 1 fois

Codage
**

Messages : 53
Inscrit(e) le : 27/08/2011

http://test-tfa.forumgratuit.org/
Codage a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Fusionner 2cellules dans un PA

Message par Gorgorbey le Ven 13 Jan 2012 - 7:06

Bonjour,

Code:
        <table class="tout_tab" align=center width="700" cellspacing="5">
          <tr>
            <th class="haut_tab" width="20%"><img  style="float:left; margin-top: -12px; margin-left: -12px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t112.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t210.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t112.png'"><div class="titre_haut">Navigation</div></th>
       
            <th class="haut_tab" width="60%"><img  style="float:left; margin-top: -2px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t810.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t811.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t810.png'"><div class="titre_haut">~~~WELCOME SUR LE FORUM~~~</div><img  style="float:right; margin-top: -22px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t610.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t510.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t610.png'"></th>
       
            <th class="haut_tab" width="20%"><img  style="float:right; margin-top: -12px; margin-right: -12px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t410.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t310.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t410.png'"><div class="titre_haut">Derniers Sujets</div></th>
          </tr>
          <tr>
            <td class="centre_g">
        <a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 1</a></br>
       
        <a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 2</a></br>
       
        <a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 4</a></br>
       
        <a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 5</a></br>
       
        <a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 6</a></br>
       
        <a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 7</a></br>
       
        <a href="#"><img src="http://i65.servimg.com/u/f65/11/95/30/70/15510.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/1515.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/15510.png'"> LIEN 8</a></br>
            </td>
            <td class="centre_c">
        <IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><B>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </B><IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"><IMG src="http://i65.servimg.com/u/f65/11/95/30/70/10210.png"></br></br><I> TEXTE TEXTE TEXTE</I>
            </td>
            <td class="centre_d">
       
        <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script><div id="scroller_container"><div class="jscroller2_up jscroller2_speed-40 jscroller2_mousemove">
       
        ICI LE CONTENU : IMAGES, TEXTES, LIENS, ETC, ETC, ETC, ETC, ETC.
       
        </div>
        </div>
            </td >
       
          </tr>
       
       
          <tr>
            <th class="bas_tab" width="100%"><img  style="float:left; margin-top: -12px; margin-left: -12px;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/t112.png" onmouseover="src='http://i65.servimg.com/u/f65/11/95/30/70/t210.png'" onmouseout=" src='http://i65.servimg.com/u/f65/11/95/30/70/t112.png'"><div class="titre_bas">Partenaires</div></th>
       
            <td class="centre_b" COLSPAN=2>
        <I> TEXTE TEXTE TEXTE</I>
            </td>
            </td>
          </tr>
        </table>

C'est ceci que vous voulez ?

Cordialement.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

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

Résolu Re: Fusionner 2cellules dans un PA

Message par Codage le Ven 13 Jan 2012 - 8:05

Je pense que oui, que c'est ce qu'il voulait. Donc si je comprend bien s'est la ligne colspan qui fusionne les 2colonnes (avec ici colspan=2 pour 2colonnes)?

Merci bien je transmettrai.

Codage
**

Messages : 53
Inscrit(e) le : 27/08/2011

http://test-tfa.forumgratuit.org/
Codage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fusionner 2cellules dans un PA

Message par Gorgorbey le Ven 13 Jan 2012 - 8:25

Oui vous avez bien compris Wink

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

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

Résolu Re: Fusionner 2cellules dans un PA

Message par Codage le Ven 13 Jan 2012 - 8:53

et bien merci bien à vous.

Codage
**

Messages : 53
Inscrit(e) le : 27/08/2011

http://test-tfa.forumgratuit.org/
Codage 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