Bonjour,

Je sais que mon soucis va paraitre un peu rigolo pour beaucoup, c'est la base.

Je débute tout juste, grosse débutante, et je suis sur l'exercice du CV, la mise en forme avec le CSS. J'ai appliqué text-align sur ma balise h1, pas de soucis, j'ai positionné mon image flottante comme je voulais, pas de soucis non plus. Je voulais centrer aussi la petite phrase qu'il y a sous le titre de notre CV (sous notre nom quoi) et là, je galère.

J'ai tenté de mettre un attribut class au paragraphe, puis juste à ma phrase, mais rien à faire, ça ne veut pas centrer ce petit bout de texte.

Donc quitte à avoir l'air ridicule, je viens vous demander conseil parce que j'ai vraiment envie de savoir où je fais une bêtise afin de ne plus la faire par la suite. Parce que j'ai l'impression de suivre les indications du cours mais ça ne fonctionne pas. Je dois donc fauter quelque part, c'est certain.

HTML :

        <p class="echo">
             <a href="photos/photo.jpg"> <img src="photos/photo_mini.jpg" class="imageflottante" alt="ma photo" title="cliquez pour agrandir" /> </a>

             <h1>Angélique Echo</h1>
        Aspirante développeuse web, curieuse, avide d'apprendre

    </p>

CSS :

.echo
{

    text-align: center;

}

Si j'applique le text-align à h1, pas de soucis mon nom est centré, il n'y a vraiment que la phrase "aspirante développeuse ..." qui me pose soucis. L'image flottante pas de soucis (alors que je m'attendais à galérer un peu).

Je me sens un peu bête de bloquer là-dessus mais j'ai envie de comprendre où je fais une erreur. Pourquoi cette phrase là ne veux pas s'aligner comme je le veux.

Merci d'avance de votre aide et de votre compréhension.

Bonjour,

Merci d'utiliser la mise en forme de code

Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

Pourquoi cette phrase là ne veux pas s'aligner comme je le veux.

Parce que le navigateur la considère comme du texte simple sans balise autour. En effet on ne met pas de titre ou tout autre block dans un paragraphe, c'est invalide. Le navigateur considère donc la fin du paragraphe après la fin du lien contenant l'image. Puis c'est un autre block, le titre.

Puis du texte sans balise autour. Et pour terminer une fermeture de paragraphe non ouvert. Passez votre code au validateur pour voir vos erreur de syntaxes https://validator.w3.org/

Et un sujet à lire => https://openclassrooms.com/forum/sujet/balise-p-et-son-contenu

-
Edité par AbcAbc6 5 août 2018 à 15:00:20

Merci de votre réponse. J'ai donc fait un nouveau paragraphe et cela fonctionne en effet.

J'étais simplement repartie du code html validé précédemment donc pour moi il était ok.

Du coup problème résolu, j'ai pu faire ce que je vouais, merci pour votre aide.

Je m'excuse encore pour la question idiote, je débute vraiment mais j'ai envie d'apprendre.

Bonne journée!

les seules questions idiote qui peuvent existé sont celle que tu ne pose pas. bon courage a toi accroche toi

Bonjour, pas de soucis pour la question, on à tous débuté un jour , le but est d'apprendre de ses erreurs.

Sujet résolu

Tu peux passer le sujet à "résolu" (bouton en haut à droite du sujet) et cliquer sur les pouces levés des messages qui t'ont aidé⋅e

A bientôt