Footer centré

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

Résolu Footer centré

Message par La ptite Voix le Ven 26 Aoû 2011 - 15:26

Bonjour,

Je souhaiterais que mon footer soit centré, car là il est collé sur la gauche et ce n'est pas très élégant.
Voici le lien de mon forum:

http://new-hope.forumgratuit.be

Merci d'avance!

La ptite Voix
***

Féminin
Messages : 193
Inscrit(e) le : 28/07/2009

http://sectusempra-rpg.forumactif.org/
La ptite Voix a été remercié(e) par l'auteur de ce sujet.

Résolu centrer logo

Message par capello12 le Ven 26 Aoû 2011 - 17:47

bonsoir,
peut être une réponse bête a tu penser au balise <center> </center>
A+

capello12
**

Masculin
Messages : 95
Inscrit(e) le : 06/03/2010

http://jsp-ouest.forumpyrenees.com
capello12 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Footer centré

Message par La ptite Voix le Dim 28 Aoû 2011 - 13:57

Et bien je ne sais pas exactement ou placer cette balise : S

La ptite Voix
***

Féminin
Messages : 193
Inscrit(e) le : 28/07/2009

http://sectusempra-rpg.forumactif.org/
La ptite Voix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Footer centré

Message par capello12 le Lun 29 Aoû 2011 - 17:29

bonjour,

mes ton code a dispo pour voir

A+

capello12
**

Masculin
Messages : 95
Inscrit(e) le : 06/03/2010

http://jsp-ouest.forumpyrenees.com
capello12 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Footer centré

Message par La ptite Voix le Mar 30 Aoû 2011 - 10:41

Bonjour,

Le problème, c'est que quand j'ai créé mon forum, il y avait déja un footer, je l'ai simplement remplacé, et il se décale toujours sur la gauche?

Que faire?

La ptite Voix
***

Féminin
Messages : 193
Inscrit(e) le : 28/07/2009

http://sectusempra-rpg.forumactif.org/
La ptite Voix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Footer centré

Message par La ptite Voix le Mar 6 Sep 2011 - 18:16

Up up : )

La ptite Voix
***

Féminin
Messages : 193
Inscrit(e) le : 28/07/2009

http://sectusempra-rpg.forumactif.org/
La ptite Voix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Footer centré

Message par Roxy. le Mar 6 Sep 2011 - 18:18

Bonsoir,

Tapez <center>le code du footer</center> =)

Cordialement,

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Footer centré

Message par La ptite Voix le Mar 6 Sep 2011 - 18:40

Bonjour,

Merci pour ta réponse,
Mais le problème c'est que je ne sais pas ou est le code xD

La ptite Voix
***

Féminin
Messages : 193
Inscrit(e) le : 28/07/2009

http://sectusempra-rpg.forumactif.org/
La ptite Voix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Footer centré

Message par Roxy. le Mar 6 Sep 2011 - 18:46

est-ce que le footer et installer sur le portail ?
Si oui allez dans PA > Affichage > En bas Template > Général > Index_box et montrez moi le code ^^

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Footer centré

Message par La ptite Voix le Mar 6 Sep 2011 - 19:06

Alors, voila le template index_Box ,

Spoiler:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>


<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"><div class="newlock">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<div class="catcadre"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
</td>
<td class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;" class="dersuj">
<span class="gensmall">{catrow.forumrow.LAST_POST}<br />{catrow.forumrow.POSTS} Message | {catrow.forumrow.TOPICS} Sujets</span></div>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Et mon CSS étant donné que j'ai des codes pour le footer la aussi:


Spoiler:
a.forumlink{
background-color: #6B6A6A;
border-bottom: 5px double #262526;
color:8ab8d9;
font-family: sans-serif;
font-size: 12px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}

.quote
{
background-color: #151415;
background-repeat: repeat-y;
background-position: top center;
}

.spoiler
{
background-color: #393839;
background-repeat: repeat-y;
background-position: top center;
}

.code
{
background-color: #393839;
background-repeat: repeat-y;
background-position: top center;
}

background-color: #6B6A6A;
a.forumlink:hover{
font-family: georgia;
font-size: 12px;
font-weight: lighter;
letter-spacing: 1px;
text-align: center;}

body
{
background-color: #6B6A6A;
background-repeat: repeat-y;
background-position: top center;
}

.bodylinewidth
{
width: 900px;
}

a
{
outiline: none;
}

#i_logo
{
margin-top: -18px;
margin-bottom: -115px;
}

.mainmenu
{
margin-right: -5px;
}

a.mainmenu
{
color: #bcbcbc;
}

a.mainmenu:hover
{
text-decoration: none !important;
color: #e9f4e8;
}

#page-body
{
width: 893px;
background-image: url(http://host.image.files.free.fr/host/4c4c6ff952740skin_04.png);
background-repeat: repeat-y;
margin-top: 80px;
padding-bottom: 30px;
}

.forumline
{
max-width: 850px;
margin: auto;
background-color: #9e9e9e;
border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid #545454;
padding: 4px;
}

table
{
max-width: 850px;
margin: auto;
}

.cattitle
{
display: block;
font-variant: small-caps;
text-align: center;
}

th
{
text-align: left;
font-variant: small-caps;
}

#page-footer
{
background-image: url(https://lh5.googleusercontent.com/-ot9Q4YFtedo/Tlec7KNx_rI/AAAAAAAAAA4/yCkf4ITWhNk/mercivisite.png);
background-repeat: no-repeat;
width: 978px;
height: 200px;
margin-bottom: -18px;
background-position: top center;
}

#page-footer a
{
font-size: 10px;
}

-------------------------------------------------

a { text-decoration: none; }

.catcadre {
background-color : #757777;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}

.dersuj {
border : 5px solid #4c4c4c;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;

} margin-right : 20px;
.newlock {
background-color : 5px solid #4c4c4c;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
position : relative;
left : 10px;
}



.forumline {
background: none repeat scroll 0 0 #5f5e60;
border: 2px solid #484848;
border-radius: 20px;
padding: 5px;
}

a.forumlink {
background-color:#68005;
margin:15px;
padding:10px;
font-size:20px;
letter-spacing:-1px;
font-family:georgia;
text-align:center;
font-style:italic;
text-shadow: 1px 1px 3px #344d54;
color:#898989; }

.groupes{
background-color:#8e8e8e ;
border: 1px color #1c1c1c ;
-moz-border-radius : Xpx Xpx Xpx Xpx;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px;
font-weight: bold;
text-align:center;
font-color : #000000;
}

----------------------------------------

/*Puces invisibles*/
ul, li{
list-style: none;}

/*qeel*/
.qeel {
border : 5px solid #262626;
background-color : #5b5c5e;
padding : 10px;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
}

/*onglets*/
.onglets {
width:150px;
padding : 5px;
margin : 10px;
border : 5px solid #262626;
background-color : #888989;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
}

/*partie ou apparaisent les stats*/
.stats{
padding : 5px;
border : 5px solid #262626;
background-color : #888989;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
}

/*ne pas effacer*/
.trans .row1 {
background-color : transparent;
}
/*ne pas effacer*/
#kaboum .row1 {
background-color : transparent;
}

.stats{
padding : 5px;
border : 5px solid #262626;
background-color : #888989;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
text-align : center;
}

-------------------------------------

groupe

.groupes{
background-color:#747375 ;
border: 1px color #3a393b ;
-moz-border-radius : 20px 20px 20px 20px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px;
font-weight: bold;
text-align:center;
font-color : #3a393b;
}

-------------
PA

#accueil {
width:90%;
margin:auto;
font-family:Narkisim;
padding:20px 10px 10px 10px;
}

#accueil a {
color:#c6c6c7;
}

.navigation, .bienvenue, .membresactifs {
width:40%;
margin:auto;
margin-bottom:15px;
}

.navigationh2 {
color:#a8a8a9;
width:100%;
margin:auto;
text-align:center;
font-style:italic;
text-shadow:1px 1px 1px #000000;
font-family:"Times New Roman", Times, serif;
font-size:30px;
}

.navigationdesc {
color:#808080;
width:100%;
margin:auto;
text-align:center;
margin:7px 0px 15px 0px;
font-size:13px;
text-transform:uppercase;
text-shadow:1px 1px 1px #888888;
letter-spacing:0.4em;
}

.navigationtexte {
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
}

.navigationlien {
width:100%;
background-color:#808080;
text-align:center;
border-right:4px solid #c3c3c3;
border-bottom:1px solid #c8c8c8;
border-left:4px solid #b4b4b4
-moz-border-radius:5px;
display:block;
margin-top:1px;
}

.navigationlien:hover {
width:100%;
background-color:#8c8d8d;
text-align:center;
border-right:4px solid #6b6d6e;
border-bottom:1px solid #767676;
border-left:4px solid #6e6f6f;
-moz-border-radius:5px;
display:block;
}

.commentaire {
font-size:10px;
font-style:italic;
text-transform:none;
}

.bienvenueh2 {
color:#d7d7d7;
width:100%;
margin:auto;
text-align:center;
font-style:italic;
text-shadow:1px 1px 1px #000000;
font-family:"Times New Roman", Times, serif;
font-size:30px;
}

.bienvenuedesc {
color:#a9a9a9;
width:100%;
margin:auto;
text-align:center;
margin:0px 0px 15px 30px;
font-size:14px;
text-transform:uppercase;
text-shadow:1px 1px 1px #888888;
letter-spacing:0.4em;
}

.partenaires, .membresactifs, .description, .notrelogo {
width:45%;
margin:auto;
float:left;
margin-top:35px;
}

.notrelogo {
clear:both;
}

.partenairesh2, .avisiterh2, .membresactifsh2, .staffh2, .descriptionh2, .nouvellesh2, .notrelogoh2 {
color:#c3c3c5;
width:100%;
margin:auto;
margin-left:15px;
font-size:18px;
text-shadow:0px 0px 4px #888888;
letter-spacing:2px;
font-style:italic;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
text-align:left;
}

.partenairesh2:before, .avisiterh2:before, .membresactifsh2:before, .staffh2:before, .descriptionh2:before, .nouvellesh2:before, .notrelogoh2:before {
content:"» ";
}

.partenairesh2:after, .avisiterh2:after, .membresactifsh2:after, .staffh2:after, .descriptionh2:after, .nouvellesh2:after, .notrelogoh2:after {
content:" «";
}

.partenairesdesc, .avisiterdesc, .membresactifsdesc, .staffdesc, .descriptiondesc, .nouvellesdesc, .notrelogodesc {
color:#c3c3c5;
width:100%;
margin:auto;
margin:0px 0px 5px 40px;
font-size:14px;
text-shadow:1px 1px 1px #888888;
letter-spacing:1px;
font-style:italic;
font-family:"Times New Roman", Times, serif;
text-transform:lowercase;
text-align:left;
}

.partenairestexte, .avisitertexte, .membresactifstexte, .stafftexte, .descriptiontexte, .nouvellestexte, .notrelogotexte {
border:1px solid #7b7b7b;
background-color:#5f5e5e;
padding:2px;
box-shadow:2px 2px 2px #000000;
-moz-box-shadow:2px 2px 2px #000000;
-webkit-box-shadow:2px 2px 2px #000000;
text-align:left;
}

.avisiter, .staff, .nouvelles, .nepascopier {
width:45%;
margin:auto;
float:right;
margin-top:35px;
}

.membresactifs {
clear:both;
}

.descriptionh3 {
font-weight:bold;
font-family:"Times New Roman", Times, serif;
font-style:italic;
letter-spacing:1px;
color:#b2b2b2;
font-size:12px;
margin:0px 0px 0px 15px;
}

.infobulle {
position:relative;
display:inline;
margin-right:5px;
}

.infobulle span {
display:none;
}

.infobulle:hover {
background:none;
z-index: 999;
}

.infobulle:hover span {
display:inline;
position:absolute;
white-space:nowrap;
top:5px;
left:15px;
border:1px solid #acacad;
background-color:#878787;
padding:2px;
box-shadow:2px 2px 2px #000000;
-moz-box-shadow:2px 2px 2px #000000;
-webkit-box-shadow:2px 2px 2px #000000;
}

.nepascopier {
text-align:right;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
text-shadow:0px 0px 4px #888888;
color:#b4b4b4;
float:right;
margin-top:85px;
}

La ptite Voix
***

Féminin
Messages : 193
Inscrit(e) le : 28/07/2009

http://sectusempra-rpg.forumactif.org/
La ptite Voix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Footer centré

Message par Roxy. le Mar 6 Sep 2011 - 19:14

La prochaine mettez vos code dans les balises <code> =)

A la fin du code vous avez ceci :
Code:
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Mettez les entre les balises <center> </center>

Cordialement.

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Footer centré

Message par Invité le Jeu 8 Sep 2011 - 13:07

Bonjour,

Quel rapport avec l'Index-Box? Le footer est placé dans le template overall_footer, il s'agit d'une div avec l'id page-footer.
Dans votre CSS recherchez la partie qui correspond au footer et ajoutez margin: auto; avant l'accolade de fermeture } , comme ceci:
Code:
#page-footer
{
background-image: url(https://lh5.googleusercontent.com/-ot9Q4YFtedo/Tlec7KNx_rI/AAAAAAAAAA4/yCkf4ITWhNk/mercivisite.png);
background-repeat: no-repeat;
width: 978px;
height: 200px;
margin-bottom: -18px;
background-position: top center;
margin: auto;}

#page-footer a
{
font-size: 10px;
}
Ceci devrait centrer votre image.

Cordialement.

Invité
Invité


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

Résolu Re: Footer centré

Message par Invité le Ven 16 Sep 2011 - 11:34

Bonjour,

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


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Invité
Invité


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

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum