Fork me on GitHub




(1) 2 3 »


diviser son pied de page
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+
Re: diviser son pied de page
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
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{
  
displaytable-cell;
}

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


Posté le : 04/02/2012 09:17
Partager Twitter Partagez cette article sur GG+
Re: diviser son pied de page
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+
Re: diviser son pied de page
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{
  
displaytable-cell;
}

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

{

    
background-color#F0A40A;

    
text-aligncenter;

    
width1000px;

    
height150px;
    
}



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+
Re: diviser son pied de page
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
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+
Re: diviser son pied de page
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+
Re: diviser son pied de page
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+
Re: diviser son pied de page
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
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+
Re: diviser son pied de page
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{
  
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

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

http://www.troc-lorraine.com
vendre en lorraine

Partager Twitter Partagez cette article sur GG+
Re: diviser son pied de page
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
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+

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



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

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