bonjour,

c'est peut être un problème bénin et courant, et surement qu'il y a un topic à ce sujet.....mais je ne le trouve pas

donc voila mon problème:

j'ai suivi le cours html/css

et à la fin de la partie html j'ai essayer de faire un essaie en créant une page avec toute les difficultés apprise juste avant.

donc j'ai fais un sommaire en haut de page et plusieurs paragraphe avec "beaucoup de texte" et installer une ancre pour accéder à chaque chapitre.

jusque là tout va bien.

ensuite j'ai insérer une image dans le dernier chapitre et ça marchait très bien....jusqu'à ce que je me serve de l'ancre pour y accéder.

tant que je reste en manuel avec la molette de ma souris, tout va bien.

Mais l'ancre fais changer l'adresse dans la barre d'adresse et l'image n'apparait plus.

par contre si je crée une page différente rien que pour le chapitre où il y a les photos....les photos apparaisse comme il faut.

Comment régler le problème avec l'ancre?

on ne va pas créer une page par chapitre quand même... sinon quelle est l'utilité des chapitres?

Merci de l'attention que vous porterez à ma question

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>Page2</title>

    </head>


    <body>
        <h1 id="Sommaire" target="_blank">Sommaire</h1>
        <ol>
            <li><a href="#titresuperimportant" title="bip bip" target="_blank">Test</a></li>
            <li><a href="#titreimportant" title="Brrrrrr....." target="_blank">Vide</a></li>
            <li><a href="#titreunpeumoinsimportant" title="hello" target="_blank">Coucou</a></li>
            <li><a href="#titrepastropimportant" title="hoooooo" target="_blank">Taille</a></li>
            <li><a href="#titrepasimportant" title="hair" target="_blank"">Cheuveux</a></li>
            <li><a href="#vraimentpasimportantdutout" title="miaouuuuu" target="_blank">Chats</a></li>
        </ol>
    	<ol>
    		<li><h1 id="titresuperimportant">Test</h1></li>
			<p>Bonjour et bienvenue sur mon site !<br/>
       		Ceci est mon <strong>premier test</strong> alors <em>soyez indulgents s'il vous plaît</em> j'apprends petit à petit comment cela marche.</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>
       		<p>.....beaucoup de texte....</p>

        
        	<li><h2 id="titreimportant">Vide</h2></li>
			<p>Pour l'instant c'est <strong>un peu vide</strong>, mais revenez dans 2-3 jours quand j'aurai appris un peu plus de choses.<br/>
        Je vous assure que vous allez être <em>surpris !</em></p>
          
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>

        <li><h3 id="titreunpeumoinsimportant">Coucou</h3></li>
        	<p>Coucou les amis, c'est moi.<br/>
        		<em>Seb</em>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>
        		<p>.....beaucoup de texte....</p>

        <li><h4 id="titrepastropimportant">Taille</h4></li>
        	<p>J'suis grand<br/>
        	Mais pas trop</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>

<li>      <h5 id="titrepasimportant">Cheuveux</h5></li>
        	<p>j'suis brun<br/>
        	Mais maintenant je tire plustôt vers le poivre et sel</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>

        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>

        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>

        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>

        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
 
 <li>
        <h6 id="vraimentpasimportantdutout">Chats</h6></li></ol>
        	<p>Et jai 4 chats</p>
            <ol>
                <li>Sushi<br/>
                <p>Une photo de mon sushi <br/>
                    <a href="images/sushi.jpg"><img  src="images/minisushi.jpg" alt="photo de chat"/></a></p></li>
                <li>Noisette<br/>
                <p>Une photo de ma noisette<br/>
                    <a href=""><img src="" alt=""/></a></p>
            

                
           
        </ol>
        	<p>Si ma femme lis ça....elle ne serai pas contente que ses chats passe dans un paragraphe, vraiment pas important du tout MDRR</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>

        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>

        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>

        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
        	<p>.....beaucoup de texte....</p>
		
        
    

    </body>

</html>

et voici les screens:

sebdu06

15 avril 2019 à 10:48:32

Mewen_bzh

15 avril 2019 à 11:07:42

Bonjour,

Impossible de t'aider sans voir ton code...

Je ne réponds pas aux messages privés.

15 avril 2019 à 11:38:32

Lamecarlate

15 avril 2019 à 11:43:21

Merci d'utiliser la balise 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>.

Autre chose : le HTML est faux sur pas mal de points Passez-le sur https://validator.w3.org/

(et évitez les target=_blank, les gens ne sont pas idiots et savent ouvrir de nouveaux onglets si besoin, ne les y forcez pas)

Pas d'aide concernant le code par MP, le forum est là pour ça :)

15 avril 2019 à 12:24:44

je ne connaissais pas https://validator.w3.org/ merci de l'info

j'ai donc pu corriger mon script et tout marche bien....(un double guillemet par erreur faisait tout foirer)

j'en ai aussi profiter pour corriger le reste mais ça n'etait pas embêtant à mon niveau...mais juste beaucoup de chose inutile :lol:

pour target_blank c'est une page où je mettais en pratique le cours.... mais je te rejoins sur le fait que les gens savent le faire

sinon j'ai utiliser la balise "code" et choisi xml/xhtml, je n'ai pas vu d'autre choix pour afficher comme tu le souhaites, désolé

15 avril 2019 à 12:28:35

>sinon j'ai utiliser la balise "code" et choisi xml/xhtml, je n'ai pas vu d'autre choix pour afficher comme tu le souhaites, désolé

Hum, donc l'éditeur du forum n'est pas encore complètement réparé, zut… Bon bin tant pis, ne t'en fais pas. (c'était le bon choix)

Forums des Zéros

conflit entre image et ancre

Merci d'utiliser la balise code

conflit entre image et ancre

conflit entre image et ancre

Merci d'utiliser la balise code

conflit entre image et ancre

Supprimer

Modérer

Signaler le message aux modérateurs