Problème de hauteur avec mon tableau

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

Résolu Problème de hauteur avec mon tableau

Message par Invité Jeu 25 Juin 2015 - 11:02

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://moimochepub.forumactif.org/

Description du problème

Bonjour à tous !

Je vous contacts, car j'ai un soucis avec mon tableau de mon forum ! Mon tableau et trop haut en hauteur et j'aimerais le réduire un peut ! Je ne c'est pas comment faire!. Pourriez vous m'aider à voir la capture d'écran que je vous montres actuellement. Merci à vous et merci d'avance!! Very Happy pale


Dernière édition par MoiMochePub le Jeu 25 Juin 2015 - 19:16, édité 1 fois
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par MlleAlys Jeu 25 Juin 2015 - 13:05

Bonjour,
difficile de dire avec juste une image ^^"
Serait-il possible de voir le tableau, ou bien à défaut de fournir les codes impliqués et indiquer l'endroit où il est installé ?
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par Invité Jeu 25 Juin 2015 - 13:29

Bonjour oui malheureusement j'ai mis en maintenance pour pouvoir bien le faire.
Le code que j'ai mis c'est dans ''Affichage'' Page D'accueil et Généralité ! Voici mon code :

Code:
<div style="text-align: center; color: Black;">
                         <br /><span class="genmed"></span>
</div><span style="color: Black;" class="genmed"></span>
<table _moz_resizing="true" style="color: Black; width: 100%; heights: 50%;" class="forumline table1 bg3" cellspacing="1">
                                              
   <tbody>
                                                 
      <tr>
                                                    
         <th style="width: 10%; " colspan="1" rowspan="1" class="thTop forabg">
                                Menu<br />                     
         </th>
                                                    
         <th style="width: 10%;" colspan="1" rowspan="1" class="thTop forabg">
                                Qui sommes nous? <br />                     
         </th>
                                                    
         <th style="width: 10%;" colspan="1" rowspan="1" class="thTop forabg">
                                Nos partenaires du choix<br />                     
         </th>
                                                    
      </tr>
                                                 
      <tr>
                                                    
         <td style="text-align: left;" class="row3" colspan="1" rowspan="1" valign="top">
                                  <span style="font-size: 13px;"><span style="font-style: italic;"><span style="font-family: Georgia;"></span></span><br /></span><span style="font-size: 13px;"></span>       
            <div style="font-size: 13px;" id="menu">
                                
               <ul id="onglets">
                                     
                  <li class="active">
                             <a href="Accueil.html"> Accueil </a>       
                  </li>
                                     
                  <li>
                             <a href="Forums.html"> Forums </a>       
                  </li>
                                     
                  <li>
                             <a href="Livre_or.html"> Nos partenaires </a>       
                  </li>
                                     
                  <li>
                             <a href="Equipe.html"> Le staff </a>       
                  </li>
                                     
                  <li>
                             <a href="Connexion.html"> Nos services</a>       
                  </li>
                                     
                  <li>
                             <a href="Connexion.html">Vos publicités et logos</a>       
                  </li>
                                     
                  <li>
                             <a href="Inscription.html"> S'inscrire </a>       
                  </li>
                                     
                  <li>
                             <a href="Connexion.html"> Se connecter </a>       
                  </li>
                                   
               </ul>
                              
            </div><span style="font-size: 13px;"><br /></span>                     
            <div style="text-align: justify;">
                                                          
               <div style="text-align: left;">
                                                 
                  <div id="menu">
                                           <br style="font-family: Georgia; font-style: italic;" />                     
                  </div><span style="font-size: 13px;"></span>                     
                  <marquee style="width: 120px; height: 50px;" id="id1" direction="up" scrollamount="2">
                                           <span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"> </span>                     
                  </marquee><span style="font-size: 13px;"></span>                     
               </div><span style="font-size: 13px;"></span>                     
               <marquee style="width: 120px; height: 60px;" id="id1" direction="up" scrollamount="2">
                                        <span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"> </span>                     
               </marquee><span style="font-size: 13px;"><span style="font-weight: bold;"><span style="color: Black; font-size: 16px;"> </span></span></span>                     
            </div>
                                     
         </td>
                                                    
         <td style="text-align: justify;" class="row3" colspan="1" rowspan="1">
                                  Votre texte <br /><span style="font-size: 13px;"><span style="font-family: Georgia; font-style: italic; font-size: 10px;"><br /></span></span>                     
            <div style="text-align: center;">
                                     <br />                     
            </div><span style="font-size: 13px;"></span>                     
         </td>
                                                      
         <td style="text-align: center;" class="row3" colspan="1" rowspan="1">
                                  <span style="color: Black;" class="genmed"><span style="font-size: 10px;">Votre texte<a href="http://moimochepub.forumactif.org/"><br /></a></span></span><script src=""></script>                     
         </td>
                                                      
      </tr>
                                                 
      <tr>
                                                    
         <th class="thTop forabg" colspan="1" rowspan="1">
                                Nouveautés<br />                     
         </th>
                                                    
         <th class="thTop forabg" colspan="1" rowspan="1">
                                Nos Votes <br />                     
         </th>
                                                    
         <th class="thTop forabg" colspan="1" rowspan="1">
                                A propos du forum <br />                     
         </th>
                                                    
      </tr>
                                                   
      <tr>
                                                    
         <td style="text-align: center;" class="row3" colspan="1" rowspan="1">
                                  <span style="font-family: Century Gothic; font-weight: bold; font-size: 13px;"><span class="gensmall"><span class="gensmall"><span style="color:#FF0000"><strong></strong></span></span></span></span><span style="color: Black;" class="genmed"><span style="font-size: 10px;">Votre texte</span></span><a href=""><span style="color: Black;" class="genmed"><span style="font-size: 10px;"></span></span></a><span style="font-size: 10px;"><a href="http://moimochepub.forumactif.org/"><br /></a></span>                     
         </td>
                                                      
         <td style="color: Black;" class="row3" colspan="1" rowspan="1" align="center">
                                  <span style="font-size: 10px;"><span style="text-decoration: underline;"></span></span><span style="color: Black;" class="genmed"><span style="font-size: 10px;">Votre texte<a href="http://moimochepub.forumactif.org/"><br /></a></span></span>                     
         </td>
                                                      
         <td style="text-align: center; color: Black;" class="row3" colspan="1" rowspan="1">
                                  <span style="font-size: 10px;"><br /></span>                     
            <div style="text-align: center;">
                                     <span style="font-size: 10px;">Votre texte<a href="http://moimochepub.forumactif.org/"><br /></a><br /></span>                     
            </div>
                                                       
         </td>
                                                    
      </tr>
                                                 
   </tbody>
</table><span style="color: Black;" class="genmed"></span><br style="color: Black;" /><br style="color: Black;" />
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par MlleAlys Jeu 25 Juin 2015 - 13:55

La première cellule est celle qui agrandit le tableau.
Il y a plusieurs éléments vides qui prennent de la place dans la première cellule :
Avant les liens :
Code:

                                              <span style="font-size: 13px;"><span style="font-style: italic;"><span style="font-family: Georgia;"></span></span><br /></span><span style="font-size: 13px;"></span>   

et puis surtout, après les liens :
Code:
<span style="font-size: 13px;"><br /></span>                                 
            <div style="text-align: justify;">
                                                                                          
               <div style="text-align: left;">
                                                                                       
                  <div id="menu">
                                                                 <br style="font-family: Georgia; font-style: italic;" />                                       
                  </div><span style="font-size: 13px;"></span>                                       
                  <marquee style="width: 120px; height: 50px;" id="id1" direction="up" scrollamount="2">
                                                                 <span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"> </span>                                       
                  </marquee><span style="font-size: 13px;"></span>                                     
               </div><span style="font-size: 13px;"></span>                                     
               <marquee style="width: 120px; height: 60px;" id="id1" direction="up" scrollamount="2">
                                                          <span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"> </span>                                     
               </marquee><span style="font-size: 13px;"><span style="font-weight: bold;"><span style="color: Black; font-size: 16px;"> </span></span></span>                                 
            </div>

C'est ça qui agrandit la première cellule.
Je ne sais pas si quelque chose était sensé défiler avec les balises marquee, ou si vous vouliez utiliser un système à onglets, ou autre chose, mais il est possible que les éléments aient été mal imbriqués et que du coup l'éditeur ait "corrigé" le code et l'ait déformé.

Il y a beaucoup de balises "div", "span" voir "script" vides dans les autres cellules également, surement dues à des modifications en mode wysiwyg. Si vous pouvez, préférez le mode source. ^^

Voilà une version épurée et stable qui devrait vous donner le même résultat, les vides en moins :
Code:
<table style="color:black; text-align:center; width:100%;" class="forumline table1 bg3" cellspacing="1">
                                                                  
   <tbody>
                                                                           
      <tr>
                                                                                    
         <th class="thTop forabg" style="width: 30%;">
                                                  Menu                               
         </th>
                                                                                    
         <th class="thTop forabg" style="width: 30%;">
                                                  Qui sommes nous?                                     
         </th>
                                                                                    
         <th class="thTop forabg" style="width: 30%;">
                                                  Nos partenaires du choix                                     
         </th>
                                                                                  
      </tr>
                                                                           
      <tr>
                                                                                    
         <td style="text-align: left;" class="row3" valign="top">
                                       
            <div style="font-size: 13px;" id="menu">
                                                                            
               <ul id="onglets">
                                                                                       
                  <li class="active">
                                                         <a href="Accueil.html"> Accueil </a>                               
                  </li>
                                                                                       
                  <li>
                                                         <a href="Forums.html"> Forums </a>                               
                  </li>
                                                                                       
                  <li>
                                                         <a href="Livre_or.html"> Nos partenaires </a>                               
                  </li>
                                                                                       
                  <li>
                                                         <a href="Equipe.html"> Le staff </a>                               
                  </li>
                                                                                       
                  <li>
                                                         <a href="Connexion.html"> Nos services</a>                               
                  </li>
                                                                                       
                  <li>
                                                         <a href="Connexion.html">Vos publicités et logos</a>                               
                  </li>
                                                                                       
                  <li>
                                                         <a href="Inscription.html"> S'inscrire </a>                               
                  </li>
                                                                                       
                  <li>
                                                         <a href="Connexion.html"> Se connecter </a>                               
                  </li>
                                                                                   
               </ul>
                                                                        
            </div>
                                                                         
         </td>
                                                                                    
         <td class="row3">
                                                    Votre texte                                   
         </td>
                                                                                      
         <td class="row3">
                                                    Votre texte                     
         </td>
                                                                                    
      </tr>
                                                                           
      <tr>
                                                                                    
         <th class="thTop forabg">
                                                  Nouveautés                                     
         </th>
                                                                                    
         <th class="thTop forabg">
                                                  Nos Votes                                   
         </th>
                                                                                    
         <th class="thTop forabg">
                                                  A propos du forum                                     
         </th>
                                                                                  
      </tr>
                                                                             
      <tr>
                                                                                    
         <td class="row3">
              <br />Votre texte <br /> <br />   
         </td>
                                                                                      
         <td class="row3">
              <br />                                    Votre texte <br /> <br />   
         </td>
                                                                                      
         <td class="row3">
              <br />                                    Votre texte <br /> <br />   
         </td>
                                                                                  
      </tr>
                                                                         
   </tbody>
</table><br />
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par Invité Jeu 25 Juin 2015 - 14:29

Super c'est déjà beaucoup mieux ! Par contre j'ai un trait sur ma première colone de gauche. Embarassed

https://i.servimg.com/u/f18/19/08/48/54/cccccc10.jpg
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par MlleAlys Jeu 25 Juin 2015 - 16:24

ça vient de votre css ^^ :
Code:
#onglets {
  border-bottom: 1px solid #9EA0A1;
  font-family: Verdana;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  list-style-type: none;
  margin-left: 0;
  padding-bottom: 24px;
  text-shadow: 2px 2px 2px #FFF;
}

C'est la ligne border-bottom: 1px solid #9EA0A1; qui code pour la bordure.
Vous pouvez reirer également d'autres lignes inutiles, ce qui simplifie ce code ainsi :
Code:
#onglets {
  font-size: 18px;
  list-style-type: none;
}

font-size: 18px; code pour la taille de la police
list-style-type: none; retire les puces devant les liens (comme vous les avez mis dans des balises de type liste, il y a normalement des petites puces devant chaque item de la liste. Si vous retirez cette ligne de code ils réapparaitront)
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par Invité Jeu 25 Juin 2015 - 17:08

Merci j'ai bien réussi à le supprimé Very Happy - Juste une petite dernière chose, je suis entrain de créer mon menu sur mon tableau (j'ai re ouvert le forum) et mon menu et collé contre la colonne du milieu Embarassed , je suis en mêler avec tout ces codes. Lol doit je vous donnez le code du tableau ou le css?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par MlleAlys Jeu 25 Juin 2015 - 17:23

Vous avez effectivement des codes qui se contredisent dans le css, et les balises de type liste dans le code du tableau ne vous aident pas ^^
Redonnez les deux, on peut simplifier tout ça ! Wink
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par Invité Jeu 25 Juin 2015 - 17:35

Merci de ton aide. Tu m'aides beaucoup!
Voici mon code de mon tableau :

Code:
<span class="genmed"></span>
<table _moz_resizing="true" style="width: 100%; height: 100px;" class="forumline table1 bg3" cellspacing="1">
                    
   <tbody>
                       
      <tr>
                          
         <th style="width: 5%;" colspan="1" rowspan="1" class="thTop forabg">
                      Menu rapide<br />         
         </th>
                          
         <th style="width: 15%;" colspan="1" rowspan="1" class="thTop forabg">
                      Qui sommes nous ?<br />         
         </th>
                          
         <th style="width: 15%;" colspan="1" rowspan="1" class="thTop forabg">
                      Le Staff : <br />         
         </th>
                          
      </tr>
                       
      <tr>
                          
         <td style="text-align: center; color: RoyalBlue;" class="row3" colspan="1" rowspan="1" valign="top">
                      <span style="font-size: 13px;"> </span>         
            <ul id="menu">
                                
               <li style="text-align: center;">
                          <a href="#1">la charte</a>         
               </li>
                                
               <li>
                                   
                  <ul class="menuderoulant">
                                      
                  </ul>
                                   
               </li>
                                
               <li>
                          <a href="#1">Présentation</a>         
                  <ul class="menuderoulant">
                                      
                  </ul>
                                   
               </li>
                                
               <li>
                                   
               </li>
                                
               <li>
                          <a href="#1">Partenariat</a>         
                  <ul class="menuderoulant">
                                      
                  </ul>
                                   
               </li>
                                
               <li>
                                   
               </li>
                                
               <li>
                          <a href="#1">Recrutement</a>         
                  <ul class="menuderoulant">
                                      
                  </ul>
                                   
               </li>
                                
               <li>
                                   
               </li>
                                
               <li>
                          <a href="#1">Vos questions</a>         
                  <ul class="menuderoulant">
                                      
                  </ul>
                                   
               </li>
                                
               <li>
                                   
               </li>
                                
               <li>
                          <a href="#1">Les services forums</a>         
                  <ul class="menuderoulant">
                                      
                  </ul>
                                   
               </li>
                                
               <li>
                                   
               </li>
                                
               <li>
                          <a href="#1">Nous contactez</a>         
                  <ul class="menuderoulant">
                                      
                  </ul>
                                   
               </li>
                                
               <li>
                                   
               </li>
                                
               <li>
                          <br />         
               </li>
                                
            </ul>
                             
         </td>
                          
         <td style="text-align: center;" class="row3" colspan="1" rowspan="1">
                      <br />         
         </td>
                            
         <td style="text-align: center;" class="row3" colspan="1" rowspan="1">
                      <span style="font-family: Verdana; font-size: 13px;"><span style="font-weight: bold;"></span></span><br />         
         </td>
                            
      </tr>
                       
      <tr>
                          
         <th class="thTop forabg" colspan="1" rowspan="1">
                      COUP DE CŒUR <br />         
         </th>
                          
         <th class="thTop forabg" colspan="1" rowspan="1">
                      VOTEZ POUR NOUS !<br />         
         </th>
                          
         <th class="thTop forabg" colspan="1" rowspan="1">
                      Crédits du thème fait par :<br />         
         </th>
                          
      </tr>
                         
      <tr>
                          
         <td style="text-align: center;" class="row3" colspan="1" rowspan="1">
                             
            <div id="Hstat">
                         <span style="font-size: 13px;"><span class="gensmall tfa"></span><span class="gensmall"><br /></span></span>         
            </div><span style="font-size: 13px;"></span>         
            <div style="text-align: center;">
                         <br /><span style="font-size: 13px;"><span class="gensmall"><span class="gensmall"></span></span></span><br /><span style="font-size: 13px;"><span class="gensmall"><span class="gensmall"></span></span></span>         
            </div>
                             
         </td>
                            
         <td style="text-align: center;" class="row3" colspan="1" rowspan="1">
                        <br />     
         </td>
                            
         <td class="row3" colspan="1" rowspan="1" align="center">
                             
            <div style="text-align: center;">
                         <span style="font-size: 13px;"><span style="font-weight: bold; color: Black;"><br /></span></span>         
               <div style="text-align: center;">
                            <span style="font-size: 10px;"><span style="font-weight: bold; color: Black;">©️</span></span>         
               </div>
                                
            </div><span style="font-size: 13px;"><br /></span>         
         </td>
                          
      </tr>
                       
   </tbody>
</table><span class="genmed"></span>



Et le css du menu déroulant :

Code:
/***Tableau***/

/*--------début du menu de premier niveau--------*/

#menu
{
width: 100px;      /*je mets une largeur correspondant à mon image de fond pour le placer à gauche dans l'image */
height: center;
list-style-type: none;
margin: 0 auto;    /*je mets un margin auto pour le centrer dans la page avec l'image*/
padding: 0;
border: 0;
text-align: center;

}
#menu > li
{

width: 200px;
margin: 5px;
padding: 0;
border: 0;

}
#menu li a{
display: block;
color: #FFFFFF;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.5);
margin: 0;
padding: 4px 8px;
border:1px solid #FFFFFF;
text-decoration: none;
}

#menu li a:hover {
background-color: rgb(175, 214, 1);
background-color: #0080ff;
}
/*---------------fin du menu de premier niveau-------------*/

/*---------------début du menu déroulant-------------------*/

#menu .menuderoulant {
width: 160 px;    /*une largeur supérieur au menu li pour se rendre sur le menuderoulant meme avec un espace*/
display: none;
list-style-type: none;
margin: -10px 0 0 100px;  /*une marge top inferieur pour remonter le menuderoulant et une marge left pour le decaler à droite du menu*/
padding: 0;
border: 0;
position:absolute; /*pour eviter tout decalage*/
}
#menu .menuderoulant li
{
float: right;
margin:0 auto;
padding: 0;
border: 0;
width: 150px;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#menu .menuderoulant li a
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
background-color:rgb(0, 0, 0);
background-color:rgba(0,0,0,0.5);

}
#menu .menuderoulant li a:hover
{
background-color: rgb(18, 89, 239);
background-color: rgba(18, 89, 239, 0.8);

}

#menu .menuderoulant li a:visited {
background-color:rgb(227, 22, 30);
background-color:rgba(227, 22, 30, 0.5);
}

#menu li:hover > .menuderoulant {
display: block;
}
/*----------fin du menu déroulant----------------*/
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par MlleAlys Jeu 25 Juin 2015 - 18:05

Ah, c'est sensé être un menu déroulant ??
Mais qui se déroule comment ?? ^^"


EDIT Pour le problème de largeur qui fait que votre menu est décalé vers la droite, supprimer la ligne width: 100px; dans la mise en forme css de #menu, vous avez déjà codé pour une largeur de 200px des cadres à l'intérieur.
Puis pour centrer ces éléments, modifiez margin: 5px; en margin: 5px auto; (5px au dessus et en dessous, et auto sur les côtés pour centrer)
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par Invité Jeu 25 Juin 2015 - 18:15

Eu non c'est pas vraiment un menu déroulant lol moi j'appelle sa comme sa! Désolé. Non c'est juste ce menu simple que je souhaites lol
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par Invité Jeu 25 Juin 2015 - 18:25

Oops j'ai pas compris quand vous dites : Puis pour centrer ces éléments, modifiez margin: 5px; en margin: 5px auto; (5px au dessus et en dessous, et auto sur les côtés pour centrer) ?

Je le mais à quel endroit ?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par MlleAlys Jeu 25 Juin 2015 - 18:56

Je vous rappelle que les doubles posts sont interdits tant que 24h ne se sont pas écoulé depuis le message précédent, merci d'éditer votre message la prochaine fois. ^^


Et s'il n'y a aucun effet particulier, on peut simplifier beaucoup de choses alors, une grande partie de votre css ne sert à rien en particulier !
Il suffit de mettre toute la mise en forme sur les liens, sans utiliser les ul, li, etc etc, on garde juste une div d'identifiant menu pour pouvoir les mettre en forme facilement ^^

Le tableau :
Code:
<table style="text-align:center; width:100%;" class="forumline" cellspacing="1" id="page-accueil">
    
   <tbody>
       
      <tr>
                                                                                                        
         <th class="thTop" style="width: 30%;">
                                                              Menu                                         
         </th>
                                                                                                        
         <th class="thTop" style="width: 30%;">
                                                              Qui sommes nous?                                               
         </th>
                                                                                                        
         <th class="thTop" style="width: 30%;">
                                                              Nos partenaires du choix                                               
         </th>
                                                                                                    
      </tr>
                                                                                         
      <tr>
                                                                                                        
         <td class="row3">
                                                                 
            <div id="menu">
               <a href="Accueil.html"> Accueil </a><a href="Forums.html"> Forums </a><a href="Livre_or.html"> Nos partenaires </a><a href="Equipe.html"> Le staff </a><a href="Connexion.html"> Nos services</a><a href="Connexion.html">Vos publicités et logos</a><a href="Inscription.html"> S'inscrire </a><a href="Connexion.html"> Se connecter </a>                                                                                     
            </div>
                                                                                                 
         </td>
                                                                                                        
         <td class="row3">
                                                                Votre texte                                             
         </td>
                                                                                                          
         <td class="row3">
                                                                Votre texte                               
         </td>
                                                                                                      
      </tr>
                                                                                         
      <tr>
                                                                                                        
         <th class="thTop">
                                                              Nouveautés                                               
         </th>
                                                                                                        
         <th class="thTop">
                                                              Nos Votes                                             
         </th>
                                                                                                        
         <th class="thTop">
                                                              A propos du forum                                               
         </th>
                                                                                                    
      </tr>
                                                                                           
      <tr>
                                                                                                        
         <td class="row3">
                          <br />Votre texte <br /> <br />             
         </td>
                                                                                                          
         <td class="row3">
                          <br />                                    Votre texte <br /> <br />             
         </td>
                                                                                                          
         <td class="row3">
                          <br />                                    Votre texte <br /> <br />             
         </td>
                                                                                                    
      </tr>
                                                                                     
   </tbody>
</table><br />

Le css qui peut remplacer complètement le votre : x3
Code:
#page-accueil th {
  color: black; /*couleur des titres*/
}

#menu a {
  display: block;
  border: 1px solid #FFF;
  padding: 4px;
  margin: 5px auto;
  width: 190px; /*largeur des liens*/
  color: #FFF;  /*couleur des liens*/
}

#menu a:hover {
  background-color: #0080ff; /*fond des liens au survol*/
}


Dernière édition par MlleAlys le Jeu 25 Juin 2015 - 19:01, édité 1 fois (Raison : correction d'une erreur et ajout des commentaires dans le css ^^")
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par Invité Jeu 25 Juin 2015 - 19:02

Désolé pour le double poste. Merci pour ce super travail! Smile Wink Very Happy Sa fonctionne !! Merci encore Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de hauteur avec mon tableau

Message par MlleAlys Jeu 25 Juin 2015 - 19:10

de rien ^^

.Problème de hauteur avec mon tableau HURHAdp.Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Problème de hauteur avec mon tableau Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Problème de hauteur avec mon tableau 50378

A bientôt sur ForumActif Smile
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys 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