Accueil
Créer un forumFusionner 2cellules dans un PA
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Fusionner 2cellules dans un PA
par Codage 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:
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>
- 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;
}
- 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 -
Re: Fusionner 2cellules dans un PA
par Gorgorbey Ven 13 Jan 2012 - 7:06
Bonjour,
C'est ceci que vous voulez ?
Cordialement.
- 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- Membre actif
-
Messages : 3321
Inscrit(e) le : 09/09/2010 -
Re: Fusionner 2cellules dans un PA
par Codage 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.
Merci bien je transmettrai.
Codage- **
- Messages : 53
Inscrit(e) le : 27/08/2011 -
Gorgorbey- Membre actif
-
Messages : 3321
Inscrit(e) le : 09/09/2010 -
Codage- **
- Messages : 53
Inscrit(e) le : 27/08/2011 -
Sujets similaires» fusionner 2 forums dans 1
» Fusionner des sujets qui sont dans un même forum
» Bouton Fusionner introuvable dans les actions possibles des modérateurs
» Fusionner 2 sujets où est le bouton fusionner ?
» Fusionner 2 groupes
» Fusionner des sujets qui sont dans un même forum
» Bouton Fusionner introuvable dans les actions possibles des modérateurs
» Fusionner 2 sujets où est le bouton fusionner ?
» Fusionner 2 groupes
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum