Pb pour tableau

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

Résolu Pb pour tableau

Message par pierre du 31 le Mer 7 Nov 2012 - 16:03

Bonjours, j'ai un problème avec mon tableau (plus particulièrement avec 1 onglet en particulier)

Voici le html qui cause problème :

Code:

 </div><div id="ouvrir4-content"><div class="contenu_accordeon"><div class="fond_1">


  <div id="nav-menu">
          <ul>
            <li><a href="#">Ton lien 1</a></li>
            <li><a href="#">Ton lien 2</a></li>
            <li><a href="#">Ton lien 3</a></li>
            <li><a href="#">Ton lien 4</a></li>
            <li><a href="#">Ton lien 5</a></li>
            <li><a href="#">Ton lien 6</a></li>
            <li><a href="#">Ton lien 7</a></li>
            <li><a href="#">Ton lien 8</a></li>
            <li><a href="#">Ton lien 9</a></li>
            <li><a href="#">Ton lien 10</a></li>
          </ul>
        </div>
   
    </div>


    </div>
    </div>


Qui est contenu dans ce code entier :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Forum pêche lac rivière</title>
    <style type="text/css">

    * { margin:0; padding:0; list-style:none; }

    body {
    font-family: Times New Roman, Arial, sans-serif;
      font-size: 12px;
      margin:10px;
    border: 50px
    }
/*Le bloc par Milouze*/

#bloc
{
    position: relative;
    width:92px;
    overflow: hidden;
    margin: 5px 5px 5px 20px;
    display: block;
}
/*Le bloc cache qui s affichera au survol*/
#bloc:hover span
{
bottom: 0px;
}
/*Le bloc cache */
#bloc span
{
position: absolute;
background: #000;/*LA COULEUR DE FOND*/
text-align: center;/*LE TEXTE EST CENTRE*/
width: 92px;/*LE BLOC AURA UNE LARGEUR DE 90PX*/
height: 40px;/*LE BLOC AURA UNE HAUTEUR DE 40PX*/
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
left: 0px;
bottom: -42px;

}
/*La largeur du bloc*/
#bloc img
{
width: 92px;/*ON FIXE UNE LARGEUR D IMAGE*/

}
/*La couleur des liens profil et MP*/
#bloc a
{
color: #AC424D; /*COULEUR DE POLICE*/
text-decoration:none; /*ON SUPPRIME LE SOULIGNEMENT*/
}

/* Fin du bloc par Milouze*/
 
    a{
    text-decoration: none;
    outline: none;
    }

    img{
    border: none;
    outline: none;
    }
    #fond_principal{         
    padding:5px;
    width:580px;               
    position:absolute;
    z-index:2;
    margin: 10px;
    background-color: #fff;
    background-image: url('http://i32.servimg.com/u/f32/13/72/93/95/df10.jpg');
    border: 2px dotted #4a4a4a;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px ;
    border-radius:10px;
    -moz-box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow:  0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    background-color: #808080;
    border: 1px solid #7f7f7f;
    background: #f5f6f6;
    background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 );
    }

    .bouton{
    background-image: url('http://i35.servimg.com/u/f35/11/95/30/70/r210.jpg');
    background-position: top left;                     
    color:#fff;
    cursor:pointer;
    font-weight:bold;
    font-size: 14px;
    padding:5px;
    margin : 3px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }

    .bouton:hover{
    background-image: url('http://i35.servimg.com/u/f35/11/95/30/70/r310.jpg');
    background-position: top left;       
    }

    .bouton_actif{
    background-image: url('http://i35.servimg.com/u/f35/11/95/30/70/r310.jpg');
    background-position: top left;
    }
    .bouton_actif:hover{
    background-image: url('http://i35.servimg.com/u/f35/11/95/30/70/r110.jpg');
    background-position: top left;
    }
    .bouton_container{ 
    width: 120px;
    float: left;
    }

    .contenu_accordeon{ 
    padding:8px;
    background:#fff;
    background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/d14.jpg');
    border : 1px dotted #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px ;
    border-radius:10px;
    background: #959595;
    background: -moz-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 );
    }

    .tout_accordeon{           
    width: 456px;
    float: right;
    }

    .titre_haut{
    color: #000;
    text-align: center;
    font-family: Century Gothic, Georgia, "sans-serif";
    font-size: 16px;
    font-style: italic;
    text-shadow: 0px 0px 2px #ffffff;
    }

    .titre_haut:hover {
    font-style: normal;
    text-shadow: 0px 0px  2px #CC0000;
    }

    .fond_1{
    vertical-align: top;
    padding: 5px;
    border: 1px solid #7f7f7f;
    background-color: #fff7f7;
    background-image: url('http://i35.servimg.com/u/f35/11/95/30/70/t110.png');
    -moz-box-shadow: 1px 2px 3px #000;
    -webkit-box-shadow: 1px 2px 3px #000;
    box-shadow: 1px 2px 3px #000;
    background: #e2e2e2;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px ;
    border-radius:10px;
    }
    .text_1{
    font-size: 10px;
    }
    .im_bout{
    float: left;
    }
    .im_bout:hover{
    margin-left: 3px;
    }

/* ---- NAVIGATION ---- */

/* LISTE UL */
#nav-menu ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
/* ELEMENT DE LISTE */
  #nav-menu li{
  float: left;
  margin: 0 2px;
}
/* LIENS */
#nav-menu li a{
  display: block;
  background: url(http://i65.servimg.com/u/f65/11/95/30/70/o10.jpg);
  border: 2px solid #00a200;
  height: 25px;
  line-height: 25px;
  width: 138px;
  font: bold 15px Verdana;
  color: #d8f795;
  text-decoration: none;
  text-align: center;
  -moz-border-radius: 12px 3px 12px 3px ;
  -webkit-border-radius: 12px 3px 12px 3px ;
  border-radius: 12px 3px 12px 3px ;
  -moz-box-shadow: 2px 2px 2px #000;
  -webkit-box-shadow:  2px 2px 2px #000;
  box-shadow: 2px 2px 2px #000;
  margin: 2px 0px 2px 0px;
}
/* LIENS AU SURVOL */
#nav-menu li a:hover{
  color: #bfcd48;
  font-style: italic;
}


    </style>
    <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/accordeon_effet.js"></script>
    </head>
    <body onload="new Accordian('fond_principal',5,'bouton_actif');"><div id="fond_principal" ><div class="bouton_container"><div id="ouvrir1-selection" class="bouton bouton_actif"><div class="im_bout"><img src="http://i35.servimg.com/u/f35/11/95/30/70/t910.png" alt="" /></div> Présentation</div><div id="ouvrir2-selection" class="bouton" ><div class="im_bout"><img src="http://i35.servimg.com/u/f35/11/95/30/70/t910.png" alt="" /></div> Le Staff
    </div><div id="ouvrir3-selection" class="bouton" ><div class="im_bout"><img src="http://i35.servimg.com/u/f35/11/95/30/70/t910.png" alt="" /></div> BOUTON 3</div><div id="ouvrir4-selection" class="bouton" ><div class="im_bout"><img src="http://i35.servimg.com/u/f35/11/95/30/70/t910.png" alt="" /></div> BOUTON 4</div><div id="ouvrir5-selection" class="bouton" ><div class="im_bout"><img src="http://i35.servimg.com/u/f35/11/95/30/70/t910.png" alt="" /></div> BOUTON 5</div>
    </div><div class="tout_accordeon"><div id="ouvrir1-content"><div class="contenu_accordeon"><div class="fond_1"><div class="titre_haut">♣ <B>Bienvenu sur le forum de pêche en lac et rivière</B>  ♣</div>
    "le Forum de pêche en lacs et riviéres est le rendez vous des pêcheurs confirmés et débutants. Il est un lieu d'échanges de tous les sujets concernant notre passion. Le matériel et les nouveautés, les prises, l'actualités de la pêche et vos anecdotes .
Pour les débutants,
se sera alors une façon comme une autre d'évoluer au grès de vos discutions de vos rencontres , d'apprendre plusieurs styles de pêche, et de découvrir de nouvelles possibilités Pour les pêcheurs,
bien entendu tout les pêcheurs de tout styles sont les bienvenues.
    </div>

    </div>
    </div>
    <div id="ouvrir2-content"><div class="contenu_accordeon">
     
    <table width="100%">
    <tbody>
    <tr>
    <td width="33%"  class="fond_1"><div class="titre_haut" style="border-bottom: 1px solid #000;"><div align=center>Pierre 31250: Fondateur</div></div>
<div id="bloc">                     
<img src="http://r28.imgfast.net/users/2812/11/77/21/avatars/1-1.jpg" alt="">
<span>
<a href="/u1"target="_parent"title="Voir le profil">Profil</a>       <a href="/privmsg?mode=post&u=1"target="_parent"title="Envoyer un message privé">M.P</a>
</span>
</div>



 
    </td>
    <td width="33%"  class="fond_1"><div class="titre_haut" style="border-bottom: 1px solid #000;"><div align=center>Carpe2: Administrateur</div></div>
<div id="bloc">                     
<img src="http://r28.imgfast.net/users/2812/11/77/21/avatars/20-10.gif" alt="">
<span>
<a href="/u20"target="_parent"title="Voir le profil">Profil</a>       <a href="/privmsg?mode=post&u=20"target="_parent"title="Envoyer un message privé">M.P</a>
</span>
</div>




    </td>
   

 <td width="33%"  class="fond_1"><div class="titre_haut" style="border-bottom: 1px solid #000;"><div align=center>Toinou: Moderateur</div></div>
<div id="bloc">                     
<img src="http://r28.imgfast.net/users/2812/11/77/21/avatars/19-86.jpg" alt="">
<span>
<a href="/u19"target="_parent"title="Voir le profil">Profil</a>       <a href="/privmsg?mode=post&u=19"target="_parent"title="Envoyer un message privé">M.P</a>
</span>
</div>


    </td>
    </tr>
    </tbody>
    </table>
    </div>
    </div>
    <div id="ouvrir3-content"><div class="contenu_accordeon">


    <table width="100%">
    <tbody>
    <tr>
    <td width="40%" class="fond_1">
    On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue;



    </td>

    <td width="60%" class="fond_1">
    Nullam lorem ipsum, convallis eleifend, congue placerat, dictu Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
    Nullam lorem ipsum, convallis eleifend, congue placerat, dictu Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
    </td>
    </tr>
    </tbody>
    </table>

    </div>
    </div><div id="ouvrir4-content"><div class="contenu_accordeon"><div class="fond_1">


  <div id="nav-menu">
          <ul>
            <li><a href="#">Ton lien 1</a></li>
            <li><a href="#">Ton lien 2</a></li>
            <li><a href="#">Ton lien 3</a></li>
            <li><a href="#">Ton lien 4</a></li>
            <li><a href="#">Ton lien 5</a></li>
            <li><a href="#">Ton lien 6</a></li>
            <li><a href="#">Ton lien 7</a></li>
            <li><a href="#">Ton lien 8</a></li>
            <li><a href="#">Ton lien 9</a></li>
            <li><a href="#">Ton lien 10</a></li>
          </ul>
        </div>
   
    </div>


    </div>
    </div>
    <div id="ouvrir5-content"><div class="contenu_accordeon">
      <div class="fond_1">
    BLA BLA POUR VOIR LE RESULTAT


    laoreet nec, consequat quis, iaculis non, tortor. Nunc sed purus. Sed metus. Donec posuere. Pellentesque porttitor tortor non eros. Ut rutrum erat a nunc. Duis non erat et orci viverra mollis. Sed lacinia velit a magna. BLA BLA POUR VOIR LE RESULTAT


    laoreet nec, consequat quis, iaculis non, tortor. Nunc sed purus. Sed metus. Donec posuere. Pellentesque porttitor tortor non eros. Ut rutrum erat a nunc. Duis non erat et orci viverra mollis. Sed lacinia velit a magna.
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.

    </div>

    </div>
    </div>

    </div>

    </div>

</body>

</html>

avec la partie du css :

Code:
/* ---- NAVIGATION ---- */

/* LISTE UL */
#nav-menu ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
/* ELEMENT DE LISTE */
  #nav-menu li{
  float: left;
  margin: 0 2px;
}
/* LIENS */
#nav-menu li a{
  display: block;
  background: url(http://i65.servimg.com/u/f65/11/95/30/70/o10.jpg);
  border: 2px solid #00a200;
  height: 25px;
  line-height: 25px;
  width: 138px;
  font: bold 15px Verdana;
  color: #d8f795;
  text-decoration: none;
  text-align: center;
  -moz-border-radius: 12px 3px 12px 3px ;
  -webkit-border-radius: 12px 3px 12px 3px ;
  border-radius: 12px 3px 12px 3px ;
  -moz-box-shadow: 2px 2px 2px #000;
  -webkit-box-shadow:  2px 2px 2px #000;
  box-shadow: 2px 2px 2px #000;
  margin: 2px 0px 2px 0px;
}
/* LIENS AU SURVOL */
#nav-menu li a:hover{
  color: #bfcd48;
  font-style: italic;
}


Dernière édition par pierre du 31 le Mer 7 Nov 2012 - 18:03, édité 1 fois

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb pour tableau

Message par Scoubifitz le Mer 7 Nov 2012 - 17:53

bonjour,

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Forum pêche lac rivière</title>
<style type="text/css">

* { margin:0; padding:0; list-style:none; }

body {
font-family: Times New Roman, Arial, sans-serif;
font-size: 12px;
margin:10px;
border: 50px
}
/*Le bloc par Milouze*/

#bloc
{
position: relative;
width:92px;
overflow: hidden;
margin: 5px 5px 5px 20px;
display: block;
}
/*Le bloc cache qui s affichera au survol*/
#bloc:hover span
{
bottom: 0px;
}
/*Le bloc cache */
#bloc span
{
position: absolute;
background: #000;/*LA COULEUR DE FOND*/
text-align: center;/*LE TEXTE EST CENTRE*/
width: 92px;/*LE BLOC AURA UNE LARGEUR DE 90PX*/
height: 40px;/*LE BLOC AURA UNE HAUTEUR DE 40PX*/
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
left: 0px;
bottom: -42px;

}
/*La largeur du bloc*/
#bloc img
{
width: 92px;/*ON FIXE UNE LARGEUR D IMAGE*/

}
/*La couleur des liens profil et MP*/
#bloc a
{
color: #AC424D; /*COULEUR DE POLICE*/
text-decoration:none; /*ON SUPPRIME LE SOULIGNEMENT*/
}

/* Fin du bloc par Milouze*/

a{
text-decoration: none;
outline: none;
}

img{
border: none;
outline: none;
}
#fond_principal{       
padding:5px;
width:600px;             
position:absolute;
z-index:2;
margin: 10px;
background-color: #fff;
background-image: url('http://i32.servimg.com/u/f32/13/72/93/95/df10.jpg');
border: 2px dotted #4a4a4a;
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
border-radius:10px;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow:  0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
background-color: #808080;
border: 1px solid #7f7f7f;
background: #f5f6f6;
background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 );
}

.bouton{
background-image: url('http://i35.servimg.com/u/f35/11/95/30/70/r210.jpg');
background-position: top left;                   
color:#fff;
cursor:pointer;
font-weight:bold;
font-size: 14px;
padding:5px;
margin : 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.bouton:hover{
background-image: url('http://i35.servimg.com/u/f35/11/95/30/70/r310.jpg');
background-position: top left;     
}

.bouton_actif{
background-image: url('http://i35.servimg.com/u/f35/11/95/30/70/r310.jpg');
background-position: top left;
}
.bouton_actif:hover{
background-image: url('http://i35.servimg.com/u/f35/11/95/30/70/r110.jpg');
background-position: top left;
}
.bouton_container{
width: 120px;
float: left;
}

.contenu_accordeon{
padding:8px;
background:#fff;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/d14.jpg');
border : 1px dotted #000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
border-radius:10px;
background: #959595;
background: -moz-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 );
}

.tout_accordeon{         
width: 476px;
float: right;
}

.titre_haut{
color: #000;
text-align: center;
font-family: Century Gothic, Georgia, "sans-serif";
font-size: 16px;
font-style: italic;
text-shadow: 0px 0px 2px #ffffff;
}

.titre_haut:hover {
font-style: normal;
text-shadow: 0px 0px  2px #CC0000;
}

.fond_1{
vertical-align: top;
padding: 5px;
border: 1px solid #7f7f7f;
background-color: #fff7f7;
background-image: url('http://i35.servimg.com/u/f35/11/95/30/70/t110.png');
-moz-box-shadow: 1px 2px 3px #000;
-webkit-box-shadow: 1px 2px 3px #000;
box-shadow: 1px 2px 3px #000;
background: #e2e2e2;
background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
border-radius:10px;
}
.text_1{
font-size: 10px;
}
.im_bout{
float: left;
}
.im_bout:hover{
margin-left: 3px;
}

/* ---- NAVIGATION ---- */

/* LISTE UL */
#nav-menu ul{
list-style: none;
padding: 0;
margin: auto;
}
/* ELEMENT DE LISTE */
#nav-menu li{
}
/* LIENS */
#nav-menu li a{
display: inline-block;
background: url(http://i65.servimg.com/u/f65/11/95/30/70/o10.jpg);
border: 2px solid #00a200;
height: 25px;
line-height: 25px;
width: 138px;
font: bold 15px Verdana;
color: #d8f795;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow:  2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 2px 2px 0px;
}
/* LIENS AU SURVOL */
#nav-menu li a:hover{
color: #bfcd48;
font-style: italic;
}
</style>
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/accordeon_effet.js"></script>
</head>
<body onload="new Accordian('fond_principal',5,'bouton_actif');"><div id="fond_principal" ><div class="bouton_container"><div id="ouvrir1-selection" class="bouton bouton_actif"><div class="im_bout"><img src="http://i35.servimg.com/u/f35/11/95/30/70/t910.png" alt="" /></div> Présentation</div><div id="ouvrir2-selection" class="bouton" ><div class="im_bout"><img src="http://i35.servimg.com/u/f35/11/95/30/70/t910.png" alt="" /></div> Le Staff
</div><div id="ouvrir3-selection" class="bouton" ><div class="im_bout"><img src="http://i35.servimg.com/u/f35/11/95/30/70/t910.png" alt="" /></div> BOUTON 3</div><div id="ouvrir4-selection" class="bouton" ><div class="im_bout"><img src="http://i35.servimg.com/u/f35/11/95/30/70/t910.png" alt="" /></div> BOUTON 4</div><div id="ouvrir5-selection" class="bouton" ><div class="im_bout"><img src="http://i35.servimg.com/u/f35/11/95/30/70/t910.png" alt="" /></div> BOUTON 5</div>
</div><div class="tout_accordeon"><div id="ouvrir1-content"><div class="contenu_accordeon"><div class="fond_1"><div class="titre_haut">♣ <B>Bienvenu sur le forum de pêche en lac et rivière</B>  ♣</div>
"le Forum de pêche en lacs et riviéres est le rendez vous des pêcheurs confirmés et débutants. Il est un lieu d'échanges de tous les sujets concernant notre passion. Le matériel et les nouveautés, les prises, l'actualités de la pêche et vos anecdotes .
Pour les débutants,
se sera alors une façon comme une autre d'évoluer au grès de vos discutions de vos rencontres , d'apprendre plusieurs styles de pêche, et de découvrir de nouvelles possibilités Pour les pêcheurs,
bien entendu tout les pêcheurs de tout styles sont les bienvenues.
</div>

</div>
</div>
<div id="ouvrir2-content"><div class="contenu_accordeon">

<table width="100%">
<tbody>
<tr>
<td width="33%"  class="fond_1"><div class="titre_haut" style="border-bottom: 1px solid #000;"><div align=center>Pierre 31250: Fondateur</div></div>
<div id="bloc">                   
<img src="http://r28.imgfast.net/users/2812/11/77/21/avatars/1-1.jpg" alt="">
<span>
<a href="/u1"target="_parent"title="Voir le profil">Profil</a>      <a href="/privmsg?mode=post&u=1"target="_parent"title="Envoyer un message privé">M.P</a>
</span>
</div>
</td>

<td width="33%"  class="fond_1"><div class="titre_haut" style="border-bottom: 1px solid #000;"><div align=center>Carpe2: Administrateur</div></div>
<div id="bloc">                   
<img src="http://r28.imgfast.net/users/2812/11/77/21/avatars/20-10.gif" alt="">
<span>
<a href="/u20"target="_parent"title="Voir le profil">Profil</a>      <a href="/privmsg?mode=post&u=20"target="_parent"title="Envoyer un message privé">M.P</a>
</span>
</div>
</td>

<td width="33%"  class="fond_1"><div class="titre_haut" style="border-bottom: 1px solid #000;"><div align=center>Toinou: Moderateur</div></div>
<div id="bloc">                   
<img src="http://r28.imgfast.net/users/2812/11/77/21/avatars/19-86.jpg" alt="">
<span>
<a href="/u19"target="_parent"title="Voir le profil">Profil</a>      <a href="/privmsg?mode=post&u=19"target="_parent"title="Envoyer un message privé">M.P</a>
</span>
</div>
</td>
</tr>
</tbody>
</table>

</div>
</div>
<div id="ouvrir3-content"><div class="contenu_accordeon">

<table width="100%">
<tbody>
<tr>
<td width="40%" class="fond_1">
On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue;
</td>

<td width="60%" class="fond_1">
Nullam lorem ipsum, convallis eleifend, congue placerat, dictu Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
Nullam lorem ipsum, convallis eleifend, congue placerat, dictu Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</td>
</tr>
</tbody>
</table>

</div>
</div>
<div id="ouvrir4-content"><div class="contenu_accordeon"><div class="fond_1">

<div id="nav-menu">
  <ul>
   <li><a href="#">Ton lien 1</a>
     <a href="#">Ton lien 2</a>
     <a href="#">Ton lien 3</a>
     <a href="#">Ton lien 4</a>
     <a href="#">Ton 5</a>
     <a href="#">Ton lien 6</a>
     <a href="#">Ton lien 7</a>
     <a href="#">Ton lien 8</a>
     <a href="#">Ton lien 9</a>
     <a href="#">Ton lien 10</a></li>
  </ul>
</div>

</div>
</div>
</div>
<div id="ouvrir5-content"><div class="contenu_accordeon">
<div class="fond_1">
BLA BLA POUR VOIR LE RESULTAT

laoreet nec, consequat quis, iaculis non, tortor. Nunc sed purus. Sed metus. Donec posuere. Pellentesque porttitor tortor non eros. Ut rutrum erat a nunc. Duis non erat et orci viverra mollis. Sed lacinia velit a magna. BLA BLA POUR VOIR LE RESULTAT

laoreet nec, consequat quis, iaculis non, tortor. Nunc sed purus. Sed metus. Donec posuere. Pellentesque porttitor tortor non eros. Ut rutrum erat a nunc. Duis non erat et orci viverra mollis. Sed lacinia velit a magna.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc sapien nibh, ultrices vitae, convallis eu, semper ut, leo. Cras nec pede.
</div>

</div>
</div>

</div>

</div>

</body>

</html>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb pour tableau

Message par pierre du 31 le Mer 7 Nov 2012 - 18:03

Merci!

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 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