[Résolu] Centrer Footer Copyright

[Antho 53]

#~

#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ #~ Version du CMS: 1.11.11
#~ #~ Url du site : En cours de création
#~ #~ Hébergeur / Soft : OVH
#~ #~ Informations Système :
#~ #~ ----------------------------------------------
#~ #~ Cms Version: 1.11.13
#~ #~ Installed Modules:
#~ #~ CMSMailer: 5.2.2
#~ #~ CMSPrinting: 1.0.5
#~ #~ FileManager: 1.4.5
#~ #~ MenuManager: 1.8.6
#~ #~ MicroTiny: 1.2.8
#~ #~ ModuleManager: 1.5.8
#~ #~ News: 2.14.4
#~ #~ Search: 1.7.11
#~ #~ ThemeManager: 1.1.8
#~ #~ Config Information:
#~ #~ php_memory_limit:
#~ #~ process_whole_template:
#~ #~ max_upload_size: 64000000
#~ #~ url_rewriting: none
#~ #~ page_extension:
#~ #~ query_var: page
#~ #~ image_manipulation_prog: GD
#~ #~ auto_alias_content: true
#~ #~ locale:
#~ #~ default_encoding: utf-8
#~ #~ admin_encoding: utf-8
#~ #~ set_names: true
#~ #~ Php Information:
#~ #~ phpversion: 5.4.37
#~ #~ md5_function: On (Vrai)
#~ #~ gd_version: 2
#~ #~ tempnam_function: On (Vrai)
#~ #~ magic_quotes_runtime: Off (Faux)
#~ #~ E_STRICT: 2048
#~ #~ E_DEPRECATED: 8192
#~ #~ memory_limit: 128M
#~ #~ max_execution_time: 120
#~ #~ output_buffering: 4096
#~ #~ safe_mode: Off (Faux)
#~ #~ file_uploads: On (Vrai)
#~ #~ post_max_size: 64M
#~ #~ upload_max_filesize: 64M
#~ #~ session_save_path: /tmp (0700)
#~ #~ session_use_cookies: On (Vrai)
#~ #~ xml_function: On (Vrai)
#~ #~ xmlreader_class: On (Vrai)
#~ #~ Server Information:
#~ #~ Server Api: cgi-fcgi
#~ #~ Server Db Type: MySQL (mysqli)
#~ #~ Server Db Version: 5.1.73
#~ #~ Server Db Grants: Impossible de trouver un privilège "GRANT ALL". Cela peut signifier que vous pourriez avoir des problèmes pour installer ou retirer des modules, ou encore l 'ajout et la suppression d'éléments, y compris les pages.
#~ #~ Server Time Diff: Aucune différence de date du système de fichiers trouvées
#~ #~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour la communauté,

Je m'arrache les cheveux depuis quelques jours sur un petit truc de presque rien, je n'arrive à centrer en bas de page au milieu la zone copyright.

Voici un bout de mon code CSS.

Code :

[== Indéfini ==]
/* ------ FOOTER AREA ------ */
/* footer wrapper - Ligne verte avant la zone copyright */
.footer {
    position: relative;
    background: transparent url([[$path]]/footer-background.png) repeat-x top;
    border-bottom: 1px dotted [[$grey]];
    margin: 25px 0 10px 0;
    padding: 20px 0
}
/* copyright text */
.copyright {
    position: center;
    padding-top: 7px
}

Merci pour votre aide.

[Antho 53]

#~

#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ #~ Version du CMS: 1.11.11
#~ #~ Url du site : En cours de création
#~ #~ Hébergeur / Soft : OVH
#~ #~ Informations Système :
#~ #~ ----------------------------------------------
#~ #~ Cms Version: 1.11.13
#~ #~ Installed Modules:
#~ #~ CMSMailer: 5.2.2
#~ #~ CMSPrinting: 1.0.5
#~ #~ FileManager: 1.4.5
#~ #~ MenuManager: 1.8.6
#~ #~ MicroTiny: 1.2.8
#~ #~ ModuleManager: 1.5.8
#~ #~ News: 2.14.4
#~ #~ Search: 1.7.11
#~ #~ ThemeManager: 1.1.8
#~ #~ Config Information:
#~ #~ php_memory_limit:
#~ #~ process_whole_template:
#~ #~ max_upload_size: 64000000
#~ #~ url_rewriting: none
#~ #~ page_extension:
#~ #~ query_var: page
#~ #~ image_manipulation_prog: GD
#~ #~ auto_alias_content: true
#~ #~ locale:
#~ #~ default_encoding: utf-8
#~ #~ admin_encoding: utf-8
#~ #~ set_names: true
#~ #~ Php Information:
#~ #~ phpversion: 5.4.37
#~ #~ md5_function: On (Vrai)
#~ #~ gd_version: 2
#~ #~ tempnam_function: On (Vrai)
#~ #~ magic_quotes_runtime: Off (Faux)
#~ #~ E_STRICT: 2048
#~ #~ E_DEPRECATED: 8192
#~ #~ memory_limit: 128M
#~ #~ max_execution_time: 120
#~ #~ output_buffering: 4096
#~ #~ safe_mode: Off (Faux)
#~ #~ file_uploads: On (Vrai)
#~ #~ post_max_size: 64M
#~ #~ upload_max_filesize: 64M
#~ #~ session_save_path: /tmp (0700)
#~ #~ session_use_cookies: On (Vrai)
#~ #~ xml_function: On (Vrai)
#~ #~ xmlreader_class: On (Vrai)
#~ #~ Server Information:
#~ #~ Server Api: cgi-fcgi
#~ #~ Server Db Type: MySQL (mysqli)
#~ #~ Server Db Version: 5.1.73
#~ #~ Server Db Grants: Impossible de trouver un privilège "GRANT ALL". Cela peut signifier que vous pourriez avoir des problèmes pour installer ou retirer des modules, ou encore l 'ajout et la suppression d'éléments, y compris les pages.
#~ #~ Server Time Diff: Aucune différence de date du système de fichiers trouvées
#~ #~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour la communauté,

Je m'arrache les cheveux depuis quelques jours sur un petit truc de presque rien, je n'arrive à centrer en bas de page au milieu la zone copyright.

Voici un bout de mon code CSS.

Code :

[== Indéfini ==]
/* ------ FOOTER AREA ------ */
/* footer wrapper - Ligne verte avant la zone copyright */
.footer {
    position: relative;
    background: transparent url([[$path]]/footer-background.png) repeat-x top;
    border-bottom: 1px dotted [[$grey]];
    margin: 25px 0 10px 0;
    padding: 20px 0
}
/* copyright text */
.copyright {
    position: center;
    padding-top: 7px
}

Merci pour votre aide.

[Jean le Chauve]

Salut,
http://www.alsacreations.com/article/lir...n-CSS.html

[Jean le Chauve]

Salut,
http://www.alsacreations.com/article/lir...n-CSS.html

[Antho 53]

Bonjour,

On suivit ton tuto, le résultat est le même.

Code :

[== CSS ==]
/* copyright text */
.copyright {
    position: relative;
    margin-left : auto;
    margin-right : auto;
    width: ...;
    padding-top: 7px;
    Text-align : left;
}

J'ai suivi l'exemple de la position relative. Ce qui est mon cas visiblement.

Merci

[Antho 53]

Bonjour,

On suivit ton tuto, le résultat est le même.

Code :

[== CSS ==]
/* copyright text */
.copyright {
    position: relative;
    margin-left : auto;
    margin-right : auto;
    width: ...;
    padding-top: 7px;
    Text-align : left;
}

J'ai suivi l'exemple de la position relative. Ce qui est mon cas visiblement.

Merci

[jce76350]

a mon avis tu devrais pendre un cours de HTML et CSS

[jce76350]

a mon avis tu devrais pendre un cours de HTML et CSS

[Antho 53]

Oui et concrètement pour mon code...

[Antho 53]

Oui et concrètement pour mon code...

[jce76350]

donne un lien vers ta page

[jce76350]

donne un lien vers ta page

[Antho 53]

Je n'arrive pas à mettre le liens de page, il me détecte une erreur mais ne me dit pas laquel

mayenne-helpoffice.fr page contact.

avec les www devant qui vont bien.

Le site est en construction, j'ai enlever le mode maintenance.

[Antho 53]

Je n'arrive pas à mettre le liens de page, il me détecte une erreur mais ne me dit pas laquel

mayenne-helpoffice.fr page contact.

avec les www devant qui vont bien.

Le site est en construction, j'ai enlever le mode maintenance.

[jce76350]

<section class='grid_4 copyright'> ??? quel but ??

passe ton site au validateur http://validator.w3.org

[jce76350]

<section class='grid_4 copyright'> ??? quel but ??

passe ton site au validateur http://validator.w3.org

[Antho 53]

Pour mon site, je suis parti des exemple de gabarit et de feuille de sytle CSS fournit dans CMS

[Antho 53]

Pour mon site, je suis parti des exemple de gabarit et de feuille de sytle CSS fournit dans CMS

[Antho 53]

Ton validateur, me dit que le site ne peut pas être vérifié.

Il a pourtant l'air bien pratique

[Antho 53]

Ton validateur, me dit que le site ne peut pas être vérifié.

Il a pourtant l'air bien pratique

[Jean le Chauve]

C'est dû à des caractères accentués dans les news mal pris en compte : févr.
Veille à modifier comme ceci ton fichier config.php (c'est spécifique à OVH) : $config['locale'] = 'fr_FR.utf8';

Pour le centrage, et bien ton paragraphe copyright est parfaitement centré dans son bloc grâce à <p style="text-align">.
A moins que tu souhaites qu'il se trouve en dessous des liens du menu bas de page ?

[Jean le Chauve]

C'est dû à des caractères accentués dans les news mal pris en compte : févr.
Veille à modifier comme ceci ton fichier config.php (c'est spécifique à OVH) : $config['locale'] = 'fr_FR.utf8';

Pour le centrage, et bien ton paragraphe copyright est parfaitement centré dans son bloc grâce à <p style="text-align">.
A moins que tu souhaites qu'il se trouve en dessous des liens du menu bas de page ?

[Jean le Chauve]

S'il s'agit de la page contact, où tu as retiré tout le footer sauf le copyright, c'est parce que ta div ne fait que 31,33% de la largeur (grid_4) du site :

Code :

[== Indéfini ==]
.container .grid_4 {
    width: 31.333%;
}

Change sa taille comme ceci : <section class="grid_12 copyright">

[Jean le Chauve]

S'il s'agit de la page contact, où tu as retiré tout le footer sauf le copyright, c'est parce que ta div ne fait que 31,33% de la largeur (grid_4) du site :

Code :

[== Indéfini ==]
.container .grid_4 {
    width: 31.333%;
}

Change sa taille comme ceci : <section class="grid_12 copyright">

[Antho 53]

Re,

Merci Jean, c'est effectivement nettement mieux, j'ai opter pour la deuxième solution.

Pour ce qui est des carractères des news, je comprend mieux, car j'avais pourtant décaler de l'UTF-8

Aller je met un petit [Résolu],

Merci et certainement à bientôt la route est encore longue.

[Antho 53]

Re,

Merci Jean, c'est effectivement nettement mieux, j'ai opter pour la deuxième solution.

Pour ce qui est des carractères des news, je comprend mieux, car j'avais pourtant décaler de l'UTF-8

Aller je met un petit [Résolu],

Merci et certainement à bientôt la route est encore longue.