Connexion à votre interface Wifeo
X
Nom d'utilisateur :
Mot de passe :


Mot de passe oublié ?

Pas encore inscrit ? Créez votre site gratuitement !
Connexion
 FERMER LE MENU


Menu du forum :

Accueil du forum

Derniers messages

S'inscrire au forum

Se connecter au forum

Mot de passe oublié

Menu général de Wifeo :

Accueil de Wifeo

Connexion

Créer un site

Nouveautés Wifeo

Blog

Forum

Boite à outils

Documentations

Administration de votre site > Centrer texte au centre de mon entête

Connectez-vous au forum     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite

Centrer texte au centre de mon entête

Répondre
La question
Posté le 1 Décembre à 23:22
animal vapm

22 messages
Inscrit le 21/4/2016
Mon site
Bonjour,

Ma question porte sur ce site.

http://les-fioretti-de-mon-enfance.wifeo.com/

Sur mon diaporama/ entête de la page d'accueil, j'arrive à placer du texte avec la "position: absolute" mais pas à le centrer.

Quand j'utilise "margin: auto" ça ne fait absolument rien
J'ai réussi uniquement à placé "margin-top" mais je peux pas centrer que ce soit avec "text-align" ou <center></center> autour du titre.
La seul façon de faire est margin-left, mais je veux que ce soit au milieu pour tout monde (dans la limite = pas les tout petits écran, je configurerai quelque chose de plus simple)

Déjà que si j'utilise la balise h1 dans le css rien n'est pris en compte ( ), alors j'ai du entourer le texte avec la couleur du texte, l'effet gras et italique etc...

Est-ce que quelqu'un peut me dire s'il y a une erreur dans mon script ? (Bon peut-être que le fait de faire un pause, la solution viendra d'elle-même la prochaine fois que je me penche sur le problème mais là ça commence à être la crise nerf )

Ci-dessous le script pour ceux qui ne sont pas admin de wifeo :
   SCRIPT
<style type="text/css">.titre { position: absolute; font-size: 2.4em; margin-top: 250px; } .diaporama { margin: 0 auto; width: 100%; height: 560px; border: 0px; background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img9.jpg"); background-size: cover; webkit-animation-name: diapo; webkit-animation-duration: 65s; webkit-animation-timing-function: linear; webkit-animation-iteration-count: infinite; webkit-animation-direction: normal; moz-animation-name: diapo; moz-animation-duration: 65s; moz-animation-timing-function: linear; moz-animation-iteration-count: infinite; moz-animation-direction: normal; animation-name: diapo; animation-duration: 65s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; } .survol_diapo:hover { opacity: 0.6; } } @-webkit-keyframes diapo { 0%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img9.jpg");} 5%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img8.jpg");} 10%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img7.jpg");} 15%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img1-copie.jpg");} 20%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img10.jpg");} 25%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img11.jpg");} 30%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img6.jpg");} 35%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img5.jpg");} 40%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img13.jpg");} 45%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img4.jpg");} 50%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img2.jpg");} 55%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img3.jpg");} 60%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img12.jpg");} } @-moz-keyframes diapo { 0%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img9.jpg");} 5%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img8.jpg");} 10%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img7.jpg");} 15%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img1-copie.jpg");} 20%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img10.jpg");} 25%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img11.jpg");} 30%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img6.jpg");} 35%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img5.jpg");} 40%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img13.jpg");} 45%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img4.jpg");} 50%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img2.jpg");} 55%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img3.jpg");} } @keyframes diapo { 0%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img9.jpg");} 5%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img8.jpg");} 10%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img7.jpg");} 15%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img1-copie.jpg");} 20%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img10.jpg");} 25%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img11.jpg");} 30%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img6.jpg");} 35%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img5.jpg");} 40%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img13.jpg");} 45%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img4.jpg");} 50%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img2.jpg");} 55%{background-image: url("http://les-fioretti-de-mon-enfance.wifeo.com/images/i/img/img3.jpg");} }
</style>
<div class="titre">
<center>
<h1><em><strong><font color="#0099ff">Les fioretti de mon enfance</font></strong></em></h1>
</center>
</div>

<div class="survol_diapo">
<div class="diaporama">&nbsp;</div>
</div>



Merci d'avance.

 
Navigateur utilisé : Chrome
 
Dernière modification du message le 1/12/2017 à 23:22:45.

 
Posté le 2 Décembre à 17:32
grominet


522 messages
Inscrit le 28/6/2014
Mon site
Bonsoir,

Et pourquoi pas faire votre entête avec Paint ?

Vous avez une grille en pixels pour positionner et coller votre titre,cela demande un peu de dextérité manuelle.Il est aussi possible d'ajouter d'autres images pour enrichir et donner plus de variété à un en-tête.

C'est de cette manière que à été fait mon site http://www.technomachine.fr.

Vous remarquerez que mon entête est un Gif,fait avec Gimp 2.8.

Amicalement
Grominet

 
Navigateur utilisé : Chrome
 
Dernière modification du message le 2/12/2017 à 17:37:43.

Ce n`est pas parce que les choses sont difficiles qu`on ose pas les faire.c`est parce qu`on n`ose pas les faire qu`elles sont difficiles.


 
Posté le 3 Décembre à 20:04
gabriel-support

Bonjour,

Afin de mieux comprendre, qu'est ce qu'est censé faire ce CSS ?

 
Navigateur utilisé : Chrome

- Réagissez à l'actu de Wifeo : facebook.com/wifeo
- Suivez l'actu de Wifeo : twitter.com/wifeo_news


 
Posté le 6 Décembre à 14:17
animal vapm

22 messages
Inscrit le 21/4/2016
Mon site
"grominet" : Votre en-tête ne correspond pas aux attentes de la personne qui me demande la maquette
et la cela réponds à "gabriel-support", il faut que le diaporama (qui n'est présent uniquement sur la page d'accueil) recouvre en largeur tout largeur d'écran d'où le "css" dans l'en-tête. L'image (diaporama) fonctionne à merveille mais c'est juste le Texte, je voulais le mettre avec la balise h1 pour le référencement google uniquement, sinon je serais passé par une image "photoshopé" avec le texte directement dessus. (ou alors, je pensais photosopé les images avec le titre où je veux, et écris h1 en transparent)

Sinon, je crois que je vais mettre en h1, a gauche tout en haut (top) sur la même ligne que le menu, le nom du site et le titre que j'arrive pas à positionné comme je le souhaite incruster dans les images. (elles pourront même être lien vers le blog)

Je trouvais tout de même un comble que le titre ne se positionne pas où je veux alors qu'en théorie c'est ultra simple mais cela ne fonctionnait pas et peut-importe le script utilisé.

 
Navigateur utilisé : Chrome

 
Posté le 6 Décembre à 16:35
grominet


522 messages
Inscrit le 28/6/2014
Mon site
Bonjour,

L'adresse URL que vous donnez est n'est pas valide...

La balise H1 est pour le titre principal d'une page,c'est différent du nom du site.Cela ne compte pas en référencement si c'est imprimé sur une image ou un diaporama.Les images n'ont pas de valeurs en référencement puisque qu'elles sont invisibles aux robots.

Les robots qui visitent les sites circulent pour découvrir les textes,par contre vous pouvez mettre des mots-clés en ALT pour les images.C'est mieux que rien.

Les balises H1 ne font pas de miracles,c'est d'avoir un texte utile et pratique avec des mots-clés fréquents.Les balises HTML ont des facteurs multiplicateurs des mots,H1 ça doit être 3 ou 4.H2 2 ou 3,et ainsi de suite.

C'est très étrange d'avoir des administrateurs qui se compliquent la vie à installer des programmes tordus pour faire joli en oubliant d'avoir un texte pertinent.De la documentation de qualités,une feuille de papier et un stylo vont donner de la réalité à un site.

Amicalement
Grominet

 
Navigateur utilisé : Chrome

Ce n`est pas parce que les choses sont difficiles qu`on ose pas les faire.c`est parce qu`on n`ose pas les faire qu`elles sont difficiles.


 
Posté le 6 Décembre à 18:01
animal vapm

22 messages
Inscrit le 21/4/2016
Mon site
Désolé, grosminet, si j'ai pas été très claire mais c'est bien le rapport avec ce que je dis. (sur le référencement) Et le lien du site n'est pas celui avec le login du forum (je me suis trompée en me connectant quand j'ai voulu commencé ce sujet , le site n'est pas à moi mais à un ami qui n'a pas continué, il faut que je le supprime) Le site est : http://les-fioretti-de-mon-enfance.wifeo.com/

J'ai finalement mis le fameux h1 en haut de la page mais dans le menu puisque je peux pas choisir un float pour qu'il s'aligne au menu (dans cet éditeur cela ne sert à rien).

J'ai mis le diaporama pour la page d'accueil du site uniquement.

Tout les reste est une image fixe. (Et oui, mes images, je renseigne aussi "alt", même si pas encore fini partout)

Le site avance petit à petit.

Comme je disais aussi plus tôt pourquoi un code tout simple ne fonctionne pas pour placer un titre ?

Mais c'est pas grave puisque j'ai changer d'option en restant dans la demande.

 
Navigateur utilisé : Chrome
 
Dernière modification du message le 6/12/2017 à 18:11:33.

 
Poster une nouvelle réponse
Connectez-vous au forum pour pouvoir répondre     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite
Nous soutenons : Secours Populaire . Enfants du desert . Medecins Sans Frontieres
Copyright © Wifeo.com - Tous droits réservés BOURDET SARL R.C.S.503777286 VERSAILLES