(1) 2 3 »


fabrice8888
diviser son pied de page
#1
Semi pro
Inscrit: 16/12/2008 16:38
Messages: 1644
bonjour,
je veut que mon fouteur ou disons mon pied de page soit divisée en trois , avec deux ligne verticale

comment faire sa bien
merci

Posté le : 04/02/2012 06:28

http://www.troc-lorraine.com
vendre en lorraine
Partager Twitter Partagez cette article sur GG+
Rapport Haut
montuy337513
Re: diviser son pied de page
#2
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 1428
Tu met 3 balises <div> portant chacun le numero de la colonne genre :

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


et pour le css qui va avec

#footer div{
  display: table-cell;
}

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


Posté le : 04/02/2012 09:17

Alias xoops.org : black_beard
Ressources Xoops
Ressources pour webmaster
Création, gestion hébergement de sites web
Partager Twitter Partagez cette article sur GG+
Rapport Haut
fabrice8888
Re: diviser son pied de page
#3
Semi pro
Inscrit: 16/12/2008 16:38
Messages: 1644
bonjour montuy je vais essayer sa demain matin je te donne des nouvelles

merci bien

Posté le : 04/02/2012 18:28

http://www.troc-lorraine.com
vendre en lorraine
Partager Twitter Partagez cette article sur GG+
Rapport Haut
fabrice8888
Re: diviser son pied de page
#4
Semi pro
Inscrit: 16/12/2008 16:38
Messages: 1644
bonjour , j ai fais comme tu adit montuy

mais avand il y avais sa dans

# footer

background-color: #F0A40A;

text-align: center;

width: 1000px;

height: 150px;

je les intégré dans ton code mais sa a fait disparaitre le footer , je vois juste écrit ceci en bas du thème

contenu colonne 1contenu colonne 2contenu colonne 3



voici le code que j ai mis dans le css

#footer div{
  display: table-cell;
}

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

{

    background-color: #F0A40A;

    text-align: center;

    width: 1000px;

    height: 150px;
    
}



et dans le html j ai mis sa :

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


merci de votre aide

Posté le : 05/02/2012 10:45

http://www.troc-lorraine.com
vendre en lorraine
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: diviser son pied de page
#5
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16957
Citation :
fabrice8888 a écrit :
je les intégré dans ton code mais sa a fait disparaitre le footer , je vois juste écrit ceci en bas du thème

contenu colonne 1contenu colonne 2contenu colonne 3

Normal, c'est le code html que tu as inséré dans ton footer, tu voulais qu'il affiche quoi de précisément ?

Posté le : 05/02/2012 21:40

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
fabrice8888
Re: diviser son pied de page
#6
Semi pro
Inscrit: 16/12/2008 16:38
Messages: 1644
relit bien kris je n ai pas mis de code html dans le footer

les trois div son dans mon thème comme je les ais écris
ce n est une erreur aussi grossier

Posté le : 06/02/2012 05:53

http://www.troc-lorraine.com
vendre en lorraine
Partager Twitter Partagez cette article sur GG+
Rapport Haut
fabrice8888
Re: diviser son pied de page
#7
Semi pro
Inscrit: 16/12/2008 16:38
Messages: 1644
j ai mis se que moutuy ma indiqué

je pense qu il y a une petite erreur mais je ne trouve pas

merci de votre aide

Posté le : 06/02/2012 07:24

http://www.troc-lorraine.com
vendre en lorraine
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: diviser son pied de page
#8
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16957
Son code semble très bon, dis nous plutôt (en détails) comment tu l'as intégré

Posté le : 07/02/2012 00:36

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
fabrice8888
Re: diviser son pied de page
#9
Semi pro
Inscrit: 16/12/2008 16:38
Messages: 1644
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

Posté le : 07/02/2012 08:29

http://www.troc-lorraine.com
vendre en lorraine
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: diviser son pied de page
#10
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16957
bien ce que je disais !

pour la class contentfooter, qu'as tu mis dans ton fichier css ?

Posté le : 07/02/2012 08:44

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant
(1) 2 3 »




Mentions légales
  • Numéro d'enregistrement CNIL : 811733 |
  • Propulsé avec XOOPS | Copyright © 2001

Graphisme adapté par Tatane | Grosdunord | Montuy337513

29 Personne(s) en ligne (12 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 2 | Invité(s): 27 | tatane, moss, Plus ...