Problème avec un code

[claetitia]

Bonjour

J'ai un soucis avec un de mes codes qui est pour mon cadre d'accueil ...
Voici en image
Sur la colonne du haut, j'ai du vide en bas que je n'arrive pas à enlever

https://i.servimg.com/u/f55/15/79/22/36/captur21.png

Sur le panneau d'admin le rendu est comme ceci

https://i.servimg.com/u/f55/15/79/22/36/captur22.png

Voici le code

Code:

<div align="center">
    <br /><br />
</div>
<table _moz_resizing="true" style="width: 100%;" margin="0" align="center" border="0" cellpadding="2" cellspacing="2">
   
   <tbody>
      
   </tbody>
</table>
<table _moz_resizing="true" class="NPBDCaccueil">
   
   <tbody>
      
      <tr>
         
         <td>
            
            <h2>
                Infos Importantes
            </h2>
            
            <div class="hauteur">
               
               <p style="color: DarkRed;">
                   <span style="font-size: 12px; line-height: normal"><span style="font-size: 9px; line-height: normal">Mis à jour le 04/02/14</span></span>
               </p>
               
               <p>
                   <span style="color: rgb(139, 0, 0);"><img style="color: rgb(0, 0, 0);" src="http://i72.servimg.com/u/f72/13/69/44/03/gnw1017.gif" /> </span><span style="color: rgb(51, 51, 51);">L'Abécédaire --> <a href="http://www.nospetitsboutsdechoux.com/t9248-s-comme#344444">ICI</a></span>
               </p>
               
               <p>
                  
               </p>
               
            </div>
            
         </td>
         
         <td>
            
            <h2>
                Anniversaires De Février
            </h2>
             <span style="color: rgb(0, 0, 0); font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);">02: Eric  </span><span style="font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);"><span style="color: rgb(51, 51, 153);"><strong>Mari de Lisa </strong></span></span><br style="color: rgb(0, 0, 0); font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);" /><span style="color: rgb(0, 0, 0); font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);">04: Léanne  </span><span style="font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);"><span style="color: rgb(102, 51, 153);"><strong>Fille de EmeLéanne  </strong></span></span><br style="color: rgb(0, 0, 0); font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);" /><span style="color: rgb(0, 0, 0); font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);">14: Michel </span><span style="font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);"><span style="color: rgb(51, 51, 153);"><strong>Chéri de Laloute </strong></span></span><br style="color: rgb(0, 0, 0); font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);" /><span style="color: rgb(0, 0, 0); font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);">15: Lucas </span><span style="font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);"><span style="color: rgb(51, 51, 153);"><strong>Fils de Manuela</strong></span></span><span style="color: rgb(0, 0, 0); font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);"> & Sabrina049 </span><br style="color: rgb(0, 0, 0); font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);" /><span style="font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);"><span style="color: rgb(0, 0, 0);">23: Laye </span><strong><span style="color: rgb(51, 51, 153);">Mari de Naaya </span></strong></span><br style="color: rgb(0, 0, 0); font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);" /><span style="color: rgb(0, 0, 0); font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);">24: Louccia </span><span style="font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);"><span style="color: rgb(102, 51, 153);"><strong>Fille de nini_c moi </strong></span></span><br style="color: rgb(0, 0, 0); font-size: 12px; line-height: 18px; text-align: justify; background-color: rgb(229, 215, 214);" />
            <div class="hauteur">
                <span style="background-color: rgb(229, 215, 214); color: rgb(0, 0, 0); font-size: 12px; line-height: 18px; text-align: justify;">25: Tom </span><span style="color: rgb(51, 51, 153);"><span style="background-color: rgb(229, 215, 214); font-size: 12px; line-height: 18px; text-align: justify;"><strong>Fils de chypounette</strong></span></span>
            </div>
            
         </td>
         
         <td>
            
            <h2>
                Gagnants Des Concours
            </h2>
            
            <div class="hauteur">
                <marquee><img src="http://i55.servimg.com/u/f55/15/79/22/36/jujulu10.jpg" /><img src="http://i55.servimg.com/u/f55/15/79/22/36/2_agat10.jpg" /><img src="http://i55.servimg.com/u/f55/15/79/22/36/r10.jpg" /></marquee>
            </div>
            
         </td>
         
      </tr>
      
      <tr>
         
         <td>
            
            <h2>
                Les bébés du Forum
            </h2>
            
            <div class="hauteur">
               
               <p>
                   <span style="color: Black; text-decoration: underline;">Nos bébés de 2013</span><br /><br /><span style="color: Blue;">Loan </span>né le 24 Août<br /><span style="color: Purple;">Chloé </span>née le 25 Septembre<br /><span style="color: Purple;">Maëlle </span>née le 28 Octobre<br /><span style="color: Purple;">Louise</span> née le 5 Novembre<br /><span style="color:
Purple;">Meïssa</span> née le 11 Décembre
               </p>
               
               <p>
                   <span style="color:Black;text-decoration: underline;">Nos bébés de 2012</span><br /><br /><span style="color: Blue;">Nolann</span> né le 11 Janvier<br /><span style="color: Blue;">Aaron</span> né le 04 Mai<br /><span style="color: Purple;">Lola</span> née le 13 Mai<br /><span style="color: Purple;">Anaé</span> née le 21 septembre<br /><span style="color: Blue;">Naël</span> né le 28 Octobre<br /><br /><span style="color: Black; text-decoration: underline;">Nos bébés de 2011</span><br /><br /><span style="color: Purple">Romane</span> née le 15 Janvier<br /><span style="color: Purple;">Mélia</span> née le 10 Juin<br /><span style="color: Blue;">Ilan</span> né le 21 Décembre
               </p>
               
            </div>
            
         </td>
         
         <td>
            
            <h2>
                Futurs Évènements
            </h2>
            
            <div class="hauteur">
               
               <div style="text-align: left;">
                   <br /><br /><br /><span style="color: rgb(51, 51, 51);">Laloute : 11/05/14 --></span> <strong><span style="color: Purple;">C'est une fille </span></strong>
               </div>
               
               <div style="text-align: left;">
                   <strong><span style="color: Purple;"><br /></span></strong>
               </div>
               
               <div style="text-align: left;">
                   <span style="color: rgb(51, 51, 51);">Nini : 18/07/14 --> </span><span style="color: rgb(51, 102, 153);"><strong>???</strong></span><br />
               </div>
               
               <div style="text-align: left;">
                   <span style="color: rgb(51, 102, 153);"><strong><br /></strong></span>
               </div>
               
               <div style="text-align: left;">
                   <span style="color: rgb(51, 51, 51);">Boubi: ../../14 --> </span><strong style="color: rgb(51, 102, 153);">???</strong>
               </div>
               
               <div style="text-align: left;">
                   <br />
               </div>
               
            </div>
            
         </td>
         
         <td>
            
            <h2>
                Copyright & Weborama
            </h2>
            
            <div align="center">
                <a href="http://www.weborama.fr/?id_vote=476147" class="postlink" target="_blank" rel="nofollow"><img src="http://i69.servimg.com/u/f69/15/79/22/36/votesc10.gif" /></a><br /><a title=" Site déposé sur CopyrightFrance.com " href="http://www.copyrightfrance.com/certificat-depot-copyright-france-87F51B1.htm" target="_blank"><img alt="" src="http://i39.servimg.com/u/f39/15/79/22/36/87f51b11.gif" /></a><br /><br /><span style="font-size: 13px;">©2009-2014 NosPetitsBoutsDeChoux<br /> Reproduction totale ou partielle INTERDITE<br />sans autorisation de l'auteur</span>
            </div>
            
         </td>
         
      </tr>
      
   </tbody>
</table>

CSS

Code:

/* page d accueil */
        .NPBDCaccueil {
        border-spacing:5px 20px;
        }
        .NPBDCaccueil td{
          vertical-align:top;
          width:33%;
          padding: 10px;
         border: 3px solid #8b2a9f;
          color:#E5D7D6;
         -moz-border-radius: 10px ;
         -webkit-border-radius: 10px;
         border-radius: 10px;
          font-size: 16px;
        }
        .NPBDCaccueil p{
        font-weight: bold;
        }
        .NPBDCaccueil h2{
          margin-top:-30px;
          width:250px;
          background:#E5D7D6;
          text-align:center;
          padding: 5px;
         border: 3px solid #8b2a9f;
         -moz-border-radius: 10px ;
         -webkit-border-radius: 10px;
          border-radius: 10px;
          font: small-caps bolder 15px Georgia;
         letter-spacing:1px;
        }

Merci d'avance pour votre aide

[stefou]

Bonjour,

Teste en ajoutant ceci dans le css au niveau de NPBDCaccueil td

Code:

height: 0px !important;
                

Au début de ton css ca donne ceci:

Code:

       /* page d accueil */
                .NPBDCaccueil {
                border-spacing:5px 20px;
                }
                .NPBDCaccueil td{
                  vertical-align:top;
                  width:33%;
                  padding: 10px;
                 border: 3px solid #8b2a9f;
                  color:#E5D7D6;
                 -moz-border-radius: 10px ;
                 -webkit-border-radius: 10px;
                 border-radius: 10px;
                  font-size: 16px;
                 height: 0px !important;
                }

N'ayant pas accès à ton forum, je n'ai pas pu tester.

Bonne journée.

[claetitia]

Bonsoir

Merci pour ton aide, mais ça ne change rien

[Scoubifitz]

bonsoir,

la hauteur est influencée par cette "class" :

Code:

<div class="hauteur">

qui est définie dans le CSS de votre forum :

Code:

.hauteur {
height: 180px;
overflow: auto;
}

a vous de règler la bonne hauteur ...   

[claetitia]

Bonsoir

Merci je viens de tester

Alors effectivement je peux diminuer les cadres de cette façon mais ça ne se fait pas comme il faut
Mes photos qui défilent en haut sont du coup coupées sur le bas, mais j'ai malgré tout mon vide qui est toujours la

[stefou]

Ce serai plus facile d'avoir accès afin de tester..

[Scoubifitz]

je vous met le code de la page d'accueil qui ne subira pas de transformation à l'édition  :

Code:

<div>
<br /><br />
</div>
<table class="NPBDCaccueil">
<tr>
<td>
<h2>Infos Importantes</h2>
<div class="hauteur">
<p style="color: DarkRed;font-size: 9px;">
Mis à jour le 04/02/14
</p>
<p>
<img src="http://i72.servimg.com/u/f72/13/69/44/03/gnw1017.gif" />
<span style="color: Gray;">L'Abécédaire -->
<a href="http://www.nospetitsboutsdechoux.com/t9248-s-comme#344444">ICI</a></span>
</p>
</div>
</td>
<td>
<h2>Anniversaires De Février</h2>
<div class="hauteur anniv">
<span style="color: Black;">02: Eric  </span>
<span style="color: Blue;"><strong>Mari de Lisa </strong></span>
<br />
<span style="color: Black;">04: Léanne </span>
<span style="color: Purple;"><strong>Fille de EmeLéanne </strong></span>
<br />
<span style="color: Black;">14: Michel </span>
<span style="color: Blue;"><strong>Chéri de Laloute </strong></span>
<br />
<span style="color: Black;">15: Lucas </span>
<span style="color: Blue;"><strong>Fils de Manuela </strong></span>
<span style="color: Purple;"><strong> & Sabrina049 </strong></span>
<br />
<span style="color: Black;">23: Laye </span><strong>
<span style="color: Blue;">Mari de Naaya</span></strong>
<br />
<span style="color: Black;">24: Louccia </span>
<span style="color: Purple;"><strong>Fille de nini_c moi </strong></span>
<br />
<span style="color: Black;">25: Tom </span>
<span style="color: Blue;"><strong>Fils de chypounette</strong></span>
</div>
</td>
<td>
<h2>Gagnants Des Concours</h2>
<div class="hauteur">
<marquee>
<img src="http://i55.servimg.com/u/f55/15/79/22/36/jujulu10.jpg" />
<img src="http://i55.servimg.com/u/f55/15/79/22/36/2_agat10.jpg" />
<img src="http://i55.servimg.com/u/f55/15/79/22/36/r10.jpg" />
</marquee>
</div>
</td>
</tr><tr>
<td>
<h2>Les bébés du Forum</h2>
<div class="hauteur">
<p>
<span style="color: Black; text-decoration: underline;">Nos bébés de 2013</span><br /><br />
<span style="color: Blue;">Loan </span>né le 24 Août<br />
<span style="color: Purple;">Chloé </span>née le 25 Septembre<br />
<span style="color: Purple;">Maëlle </span>née le 28 Octobre<br />
<span style="color: Purple;">Louise</span> née le 5 Novembre<br />
<span style="color: Purple;">Meïssa</span> née le 11 Décembre
</p>
<p>
<span style="color:Black;text-decoration: underline;">Nos bébés de 2012</span>
<br /><br />
<span style="color: Blue;">Nolann</span> né le 11 Janvier<br />
<span style="color: Blue;">Aaron</span> né le 04 Mai<br />
<span style="color: Purple;">Lola</span> née le 13 Mai<br />
<span style="color: Purple;">Anaé</span> née le 21 septembre<br />
<span style="color: Blue;">Naël</span> né le 28 Octobre<br /><br />
<span style="color: Black; text-decoration: underline;">Nos bébés de 2011</span>
<br /><br />
<span style="color: Purple">Romane</span> née le 15 Janvier<br />
<span style="color: Purple;">Mélia</span> née le 10 Juin<br />
<span style="color: Blue;">Ilan</span> né le 21 Décembre
</p>
</div>
</td>
<td>
<h2>Futurs Évènements</h2>
<div class="hauteur">
<div>
<br />
<span style="color: Gray;">Laloute : 11/05/14 --></span>
<strong><span style="color: Purple;">C'est une fille </span></strong>
</div>
<br />

<div>
<span style="color: Gray;">Nini : 18/07/14 --> </span>
<span style="color: Indigo ;"><strong>???</strong></span>
</div>
<br />

<div>
<span style="color: Gray;">Boubi: ../../14 --> </span>
<strong style="color: Indigo ;">???</strong>
</div>

</div>
</td>
<td>
<h2>Copyright & Weborama</h2>

<div align="center">
<a href="http://www.weborama.fr/?id_vote=476147" class="postlink" target="_blank" rel="nofollow"><img src="http://i69.servimg.com/u/f69/15/79/22/36/votesc10.gif" /></a>
<br />
<a title=" Site déposé sur CopyrightFrance.com " href="http://www.copyrightfrance.com/certificat-depot-copyright-france-87F51B1.htm" target="_blank"><img alt="" src="http://i39.servimg.com/u/f39/15/79/22/36/87f51b11.gif" /></a>
<br />
<br />
<span style="font-size: 13px;">©2009-2014 NosPetitsBoutsDeChoux<br />
Reproduction totale ou partielle INTERDITE<br />
sans autorisation de l'auteur</span>
</div>
</td>
</tr>
</table>

et remplacez cette partie de votre CSS :

Code:

/* page d accueil */
        .NPBDCaccueil {
        border-spacing:5px 20px;
        }
        .NPBDCaccueil td{
          vertical-align:top;
          width:33%;
          padding: 10px;
         border: 3px solid #8b2a9f;
          color:#E5D7D6;
         -moz-border-radius: 10px ;
         -webkit-border-radius: 10px;
         border-radius: 10px;
          font-size: 16px;
        }

par :

Code:

/* page d accueil */

.NPBDCaccueil {
border-spacing:5px 20px;
}
.NPBDCaccueil td{
vertical-align:top;
width:33%;
padding: 10px;
border: 3px solid #8b2a9f;
color:#E597D6; /* couleur de base du tableau */
-moz-border-radius: 10px ;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 16px;
}

modifiez la hauteur de la class "hauteur" :

Code:

.hauteur {
height: 160px; /* etait a 180px */
overflow: auto;
}

et rajoutez ce CSS au reste du CSS :

Code:

/* case anniversaire du mois - fond du texte */

.anniv span{
font-size: 12px;
line-height: 18px;
background:#E5D7D6;
padding:0 2px;
}

[claetitia]

Bonjour

Ça fonctionne

Merci beaucoup pour votre aide