Footer centré
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Footer centré
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!
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!
centrer logo
bonsoir,
peut être une réponse bête a tu penser au balise <center> </center>
A+
peut être une réponse bête a tu penser au balise <center> </center>
A+
Re: Footer centré
Et bien je ne sais pas exactement ou placer cette balise : S
Re: Footer centré
bonjour,
mes ton code a dispo pour voir
A+
mes ton code a dispo pour voir
A+
Re: Footer centré
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?
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?
Re: Footer centré
Up up : )
Re: Footer centré
Bonsoir,
Tapez <center>le code du footer</center> =)
Cordialement,
Tapez <center>le code du footer</center> =)
Cordialement,
Re: Footer centré
Bonjour,
Merci pour ta réponse,
Mais le problème c'est que je ne sais pas ou est le code xD
Merci pour ta réponse,
Mais le problème c'est que je ne sais pas ou est le code xD
Re: Footer centré
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 ^^
Si oui allez dans PA > Affichage > En bas Template > Général > Index_box et montrez moi le code ^^
Re: Footer centré
Alors, voila le template index_Box ,
Et mon CSS étant donné que j'ai des codes pour le footer la aussi:
- 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;
}
Re: Footer centré
La prochaine mettez vos code dans les balises <code> =)
A la fin du code vous avez ceci :
Cordialement.
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 -->
Cordialement.
Re: Footer centré
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:
Cordialement.
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;
}
Cordialement.
Invité- Invité
Re: Footer centré
Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
Invité- Invité
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum