Fork me on GitHub

Rapport de message :*
 

Re: diviser son pied de page

Titre du sujet : Re: diviser son pied de page
par fabrice8888 sur 07/02/2012 08:29:07

bon dans le thém html de moderne-red

j ais mis se code


<div class="contentfooter">

      

       <{
$xoops_footer}>

      
      </
div

     </
div>
     
     
<
div id="footer">
<
div class="col1">
contenu colonne 1
</div>
<
div class="col2">
contenu colonne 2
</div>
<
div class="col3">
contenu colonne 3
</div>
</
div>
     
 
    </
div>

</
body>

</
html>


et dans le css de mon thème j ai mis sa



#footer div{
  
displaytable-cell;
}

{

    
background-color#F0A40A;
    
text-aligncenter;
    
width100%;
    
height150px;
    
}


.
col1 {
  
width33%;
  
border-right-colorblack;
  
border-right-size1px;
  
border-right-stylesolid;
}
.
col2 {
  
width33%;
  
border-right-colorblack;
  
border-right-size1px;
  
border-right-stylesolid;
}
.
col3 {
  
width33%;
}


et comme résulta je ne voit plus mon footer qui et représenter dans le code css
comme ceci
background-color: #F0A40A;
text-align: center;
width: 1000px;
height: 150px;

je vois jute sa écrit :

contenu colonne 1
contenu colonne 2
contenu colonne 3

et le footer de 1000px sur 150px de couleur #F0A40A; a disparue

voila donc d ou vient le problème
merci j'espère avoir été assez claire
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

31 Personne(s) en ligne (19 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 31 | Plus ...