Problème avec un code

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

Résolu Problème avec un code

Message par claetitia le Lun 10 Fév 2014 - 0:28

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://i55.servimg.com/u/f55/15/79/22/36/captur21.png

Sur le panneau d'admin le rendu est comme ceci

https://i55.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


Dernière édition par claetitia le Mer 12 Fév 2014 - 15:50, édité 1 fois

claetitia
***

Féminin
Messages : 179
Inscrit(e) le : 12/07/2009

http://nospetitsboutdechoux.forumactif.org
claetitia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code

Message par stefou le Lun 10 Fév 2014 - 8:49

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.

stefou
*****

Masculin
Messages : 894
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code

Message par claetitia le Lun 10 Fév 2014 - 22:31

Bonsoir

Merci pour ton aide, mais ça ne change rien

claetitia
***

Féminin
Messages : 179
Inscrit(e) le : 12/07/2009

http://nospetitsboutdechoux.forumactif.org
claetitia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code

Message par Scoubifitz le Mar 11 Fév 2014 - 20:18

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 ...  Hi 

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: Problème avec un code

Message par claetitia le Mar 11 Fév 2014 - 22:03

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

claetitia
***

Féminin
Messages : 179
Inscrit(e) le : 12/07/2009

http://nospetitsboutdechoux.forumactif.org
claetitia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code

Message par stefou le Mar 11 Fév 2014 - 22:52

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

stefou
*****

Masculin
Messages : 894
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code

Message par Scoubifitz le Mer 12 Fév 2014 - 4:02

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;
}

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: Problème avec un code

Message par claetitia le Mer 12 Fév 2014 - 15:46

Bonjour

Ça fonctionne

Merci beaucoup pour votre aide

claetitia
***

Féminin
Messages : 179
Inscrit(e) le : 12/07/2009

http://nospetitsboutdechoux.forumactif.org
claetitia 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