Problème code tableau

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

Résolu Problème code tableau

Message par Azya le Mer 23 Mai 2012 - 12:56

Bonjour,
Il y a peu, je cherchais à installer un tableau sur le forum. J'ai trouvé un code dont le style me plait et que je peux modifier à mon gré. Jusque là pas de souci. Je suis entrain de mettre mon bandeau de bienvenue à sa place et lorsque j'enlève le code pour mettre le mien il me refuse. Là c'est le code que j'ai trouvé pour partir pour la création d'un tableau
Code:
<center>

    <table width="100%" cellpadding="5" cellspacing="10" id="le_tableau">
    <tbody><tr>
        <td rowspan="2" class="style_cellule" width="80"  style="background: url('http://i65.servimg.com/u/f65/11/95/30/70/l12.jpg') no-repeat;"  ><p style="text-align: right;">Nulla hendrerit leo at ante laoreet posuere. Morbi pretium scelerisque lorem, eu posuere neque accumsan vitae. </td>
   
        <td colspan="2" class="style_cellule" style="background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/418.jpg');"  width="100%"><p class="text_imag">Le titre de ton forum</p></td>
    </tr>
    <tr>
        <td class="style_cellule" width="40%"><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Morbi molestie iaculis sapien<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Morbi molestie iaculis sapien</td>

        <td class="style_cellule" width="40%"><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Morbi molestie iaculis sapien<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Morbi molestie iaculis sapien<br></td>
    </tr>
    <tr>
        <td><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>
    </ul>
    </div> </td>

        <td id="igauche" VALIGN="top"><span class="titre_4" style="padding-left:15px;"> Phasellus tristique viverra odio </span><p style="padding-left:15px;"><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Cras sed turpis ut leo accumsan accumsan</p></td>

        <td id="idroite" VALIGN="top"><span class="titre_4" style="padding-right:10px;"> Phasellus tristique viverra odio </span><p style="padding-right:10px;">Phasellus tristique viverra odio eget ullamcorper. Vivamus laoreet lacus id nisl hendrerit auctor. Ut blandit, nisl non interdum bibendum, mauris purus eleifend neque, quis blandit enim tellus non dui.
    Phasellus tristique viverra odio eget ullamcorper. Vivamus laoreet lacus id nisl hendrerit auctor. Ut blandit, nisl non interdum bibendum, mauris purus.</p></td>
    </tr>
    <tr>
        <td class="style_cellule" VALIGN="top">
    <span class="titre_4">Nos partenaires</span>



    <center><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">
          <a href="http://www.xixi-pub.com"  class="postlink" target="_blank" ><img src="http://i624.photobucket.com/albums/tt321/xixipub/883111.jpg" alt="Xixi'Pub © Forum de Publicité et d'Entraide" border="0"></a>
    <a href="http://atelier.sos-forum.net"  border="0" class="postlink" target="_blank" ><img src="http://i83.servimg.com/u/f83/11/33/41/62/logoat10.png"></a>
    <a href="http://perseverance.fr-bb.com" class="postlink" target="_blank" ><img src="http://i66.servimg.com/u/f66/12/36/23/81/nouvea10.png" alt="" border="0"></a>
    <a href="http://twilightime.forumactif.com" class="postlink" target="_blank"><img src="http://i68.servimg.com/u/f68/11/48/24/14/logo_810.png" alt="" border="0"></a>
    <a href="http://dailylife.forumactif.org/" class="postlink" target="_blank"><img src="http://i64.servimg.com/u/f64/13/94/82/69/031010.png" alt="" border="0"></a>
    <a href="http://milopub.forumactif.org/" class="postlink" target="_blank"><img src="http://sd-2.archive-host.com/membres/images/72698231053381489/MiloPub.png" alt="" border="0"></a>

                                                    </div>
                                            </div>

    </center>
    </td>

        <td class="style_cellule" VALIGN="top">

    <center>        <span class="titre_4"> Les principaux membres du staff</span>
    <table>
    <tr>
      <td><div class="info" style="color: #842b00">
          <img  alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg">
              <em>
                  <span class="titre_info">YAOUP Fondateur



                  <div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div>
                        <div><a href="#Lien Profil">Profil</a>    <a href="#Lien MP">MP</a></div>
                  <div>
                </span>
              </em>
    </div>
      </td>

      <td><div class="info" style="color: #842b00">
          <img  alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/614.jpg">
              <em>
                                <span class="titre_info">ROYAL Modo



                  <div><img src="http://i65.servimg.com/u/f65/11/95/30/70/116.jpg" /></div>
                        <div><a href="#Lien Profil">Profil</a>    <a href="#Lien MP">MP</a></div>
                  <div>
                                </span>
              </em>
    </div>
        </td>

        <td><div class="info" style="color: #842b00">
          <img  alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/516.jpg">
              <em>
                                <span class="titre_info">YAOUP Fondateur


       
                  <div><img src="http://i65.servimg.com/u/f65/11/95/30/70/216.jpg" /></div>
                        <div><a href="#Lien Profil">Profil</a>    <a href="#Lien MP">MP</a></div>
                  <div>
              </span>
              </em>
    </div>
    </td>

      <td><div class="info" style="color: #842b00">
          <img  alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg">
              <em>
                  <span class="titre_info">YAOUP Fondateur


       
                  <div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div>
                        <div><a href="#Lien Profil">Profil</a>    <a href="#Lien MP">MP</a></div>
                  <div>
              </span>
              </em>
    </div>
      </td>
    </tr>
    </table>
    </center>
        </td>

        <td class="style_cellule" VALIGN="top"><span class="titre_4">Lorem ipsum dolor sit amet</span>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet leo risus, pellentesque placerat mi. Pellentesque sit amet ligula .</td>
    </tr>
    </tbody></table>
    </center>

La partie qui me pose problème c'est celle-ci car je veux retirer le titre pour mettre juste mon bandeau

Code:
  <td colspan="2" class="style_cellule" style="background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/418.jpg');"  width="100%"><p class="text_imag">Le titre de ton forum</p></td>

Voilà le code CSS
Code:
        #le_tableau{
        color:#81FF7F;
        font-size: 12px;
        font-family: Arial;
        background-color: #1e1e1e;
        border: 3px solid #00a200;
        margin: 3px;
        -moz-border-radius: 12px ;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 2px 2px 2px #000;
        -webkit-box-shadow: 2px 2px 2px #000;
        box-shadow: 2px 2px 2px #000;
        -moz- text-shadow: 1px 1px 2px #000;
        -webkit- text-shadow: 1px 1px 2px #000;
        text-shadow: 1px 1px 2px #000;
        }
       
        .text_imag{
        color: #d8f795;
        text-align: center;
        vertical-align: center;
        font-family: Arial;
        font-size: 30px;
        font-weight: bold;
        }
       
        .style_cellule{
        background-color: #0f100f;
        border: 3px solid #00a200;
        margin: 3px;
        padding: 6px;
        -moz-border-radius: 12px ;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 2px 2px 2px #000;
        -webkit-box-shadow: 2px 2px 2px #000;
        box-shadow: 2px 2px 2px #000;
        }
       
        #igauche{
        background-color: #0f100f;
        background: url("http://i69.servimg.com/u/f69/13/29/02/28/j11.png") no-repeat bottom left;
        background-color: #0f100f;
        border: 3px solid #00a200;
        padding: 6px;
        -moz-border-radius: 12px ;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 2px 2px 2px #000;
        -webkit-box-shadow: 2px 2px 2px #000;
        box-shadow: 2px 2px 2px #000;
        }
        #idroite{
        background-color: #0f100f;
        background: url("http://i69.servimg.com/u/f69/13/29/02/28/lk10.png") no-repeat bottom right;
        background-color: #0f100f;
        border: 3px solid #00a200;
        padding: 6px;
        -moz-border-radius: 12px ;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 2px 2px 2px #000;
        -webkit-box-shadow: 2px 2px 2px #000;
        box-shadow: 2px 2px 2px #000;
        }
       
        .titre_4{
        font-size: 14px;
        color: #00a200;
        border-bottom: 1px dotted #00a200;
        }
       
        /* navigation */
       
        #nav-menu ul{
        list-style: none;
        padding: 0;
        margin: 0;
        }
       
        #nav-menu li{
        float: left;
        margin: 0 2px;
        }
       
        #nav-menu li a{
        background: url(http://i65.servimg.com/u/f65/11/95/30/70/o10.jpg);
        height: 25px;
        line-height: 25px;
        float: left;
        width: 138px;
        display: block;
        border: 2px solid #00a200;
        color: #d8f795;
        font-size: 15px;
        font-weight: bold;
        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;
        }
       
        #nav-menu li a:hover{
        color: #bfcd48;
        font-style: italic;
        }
       
        /* Hide from IE5-Mac \*/
        #nav-menu li a{
        float: none
        }
        /* End hide */
       
       
        /* fin navigation */
       
       
        /* Scroller Box */
       
        #scroller_container {
        width: 120px;
        height: 70px;
        overflow: hidden;
        }
       
        #dummy {;# }
       
        #scroller_container {
        overflow: auto;
        }
       
        /* fin Scroller Box */
       
        /* infobulle */
       
        div.info em {
        display:none;
        }
       
        div.info:hover {
        background: none;
        z-index: 999;
        cursor: hand;
        position: relative;
        text-decoration:none;
        border: 0;
        }
       
        div.info:hover em {
        font-style: normal;
        font-size: 10px;
        color:#000 !important;
        padding: 3px;
        display: inline;
        position: absolute;
        top: 62px;
        left: 35px;
        -moz-border-radius: 7px 7px 0px 7px ;
        -webkit-border-radius: 7px 7px 0px 7px ;
        border-radius:7px 7px 0px 7px ;
        -moz-box-shadow: 0px 0px 4px #000;
        -webkit-box-shadow: 0px 0px 4px #000;
        box-shadow: 0px 0px 4px #000;
        background-color: #424242;
        border: 2px solid #00a200;
        width:auto;
        }
       
        .titre_info{
        text-align: center;
        font-size: 14px;
        font-style: italic;
        border-bottom: 1px dotted #00a200;
        }
       
        /* fin infobulle */

Dès que j'enlève le code du titre, il diminue de taille donc j'ai décidé grossi la taille de ma cellule dans le code et aussi dans le CSS mais il refuse de bouger

Là j'ai remis tout l'ancien code pour reprendre depuis le début la compréhension de ce code et la raison pour laquelle il refuse de bouger.
Merci pour votre aide

Dernière petite précision : Il s'agit toujours du forum de mon ami qui est PHBB2
http://spangelunivers.forum-actif.net/


Dernière édition par Azya le Mer 23 Mai 2012 - 15:04, édité 1 fois

Azya
***

Féminin
Messages : 151
Inscrit(e) le : 21/10/2011

http://www.plumesmots.com/
Azya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code tableau

Message par Azya le Mer 23 Mai 2012 - 15:04

Ca y est j'ai réussi !!! cheers
J'ai modifié ceci en rajoutant height="200"
Code:
<td colspan="2" class="style_cellule" height="200" width="100%" style="background: url('http://fr.quozpowa.com/QuozUpload/89239704281337777058Welcome.png') no-repeat;"  ></td>
Reste plus qu'à régler ma taille de bandeau mais c'est avec toshop

Azya
***

Féminin
Messages : 151
Inscrit(e) le : 21/10/2011

http://www.plumesmots.com/
Azya 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