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{
display: table-cell;
}
{
background-color: #F0A40A;
text-align: center;
width: 100%;
height: 150px;
}
.col1 {
width: 33%;
border-right-color: black;
border-right-size: 1px;
border-right-style: solid;
}
.col2 {
width: 33%;
border-right-color: black;
border-right-size: 1px;
border-right-style: solid;
}
.col3 {
width: 33%;
}
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
|
|