Problème avec un code

3 participants

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

Résolu Problème avec un code

Message par claetitia Lun 10 Fév - 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://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


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

claetitia
****

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

http://pause-cocooning.forumactif.fr
claetitia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code

Message par stefou Lun 10 Fév - 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

stefou
*****

Masculin
Messages : 901
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 Lun 10 Fév - 22:31

Bonsoir

Merci pour ton aide, mais ça ne change rien
avatar

claetitia
****

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

http://pause-cocooning.forumactif.fr
claetitia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code

Message par Scoubifitz Mar 11 Fév - 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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 Mar 11 Fév - 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
avatar

claetitia
****

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

http://pause-cocooning.forumactif.fr
claetitia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code

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

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

stefou
*****

Masculin
Messages : 901
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 Mer 12 Fév - 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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 Mer 12 Fév - 15:46

Bonjour

Ça fonctionne

Merci beaucoup pour votre aide
avatar

claetitia
****

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

http://pause-cocooning.forumactif.fr
claetitia a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum