[Résolu] Centrer Footer Copyright

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
#~
Citation :#~~~~~ 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.
#1
#~
Citation :#~~~~~ 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.
#2
Salut,
http://www.alsacreations.com/article/lir...n-CSS.html
#2
Salut,
http://www.alsacreations.com/article/lir...n-CSS.html
#3
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
#3
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
#4
a mon avis tu devrais pendre un cours de HTML et CSS Smile
J-C Etiemble v 2.2.xx
#4
a mon avis tu devrais pendre un cours de HTML et CSS Smile
J-C Etiemble v 2.2.xx
#5
Oui et concrètement pour mon code...
#5
Oui et concrètement pour mon code...
#6
donne un lien vers ta page
J-C Etiemble v 2.2.xx
#6
donne un lien vers ta page
J-C Etiemble v 2.2.xx
#7
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.
#7
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.
#8
<section class='grid_4 copyright'> ??? quel but ??

passe ton site au validateur http://validator.w3.org
J-C Etiemble v 2.2.xx
#8
<section class='grid_4 copyright'> ??? quel but ??

passe ton site au validateur http://validator.w3.org
J-C Etiemble v 2.2.xx
#9
Pour mon site, je suis parti des exemple de gabarit et de feuille de sytle CSS fournit dans CMS
#9
Pour mon site, je suis parti des exemple de gabarit et de feuille de sytle CSS fournit dans CMS
#10
Ton validateur, me dit que le site ne peut pas être vérifié.

Il a pourtant l'air bien pratique
#10
Ton validateur, me dit que le site ne peut pas être vérifié.

Il a pourtant l'air bien pratique
#11
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 ?
#11
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 ?
#12
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">
#12
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">
#13
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.
#13
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.


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)