Jump to content
Sign in to follow this  
Actunet

Insert image in <ol>

Recommended Posts

Dear,

I would like to put an image in a <ol> list.

But the w3c validator say that we cannot put an image as a child. 

How i can do ? i try with figure but no way :/ 

This not a screening issue, it's just for the validation

Thanks in advance,

Error: Element img not allowed as child of element ol in this context. (Suppressing further errors from this subtree.)

From line 60, column 3; to line 60, column 104

>.</li><img  class="ombre" src="http://www.actunet.org/astuces/win10/images/44-2.jpg" alt="Syst&egrave;me" />

 

			<ol>
			
			

		<li>Allez dans le mneu <b>D&eacute;marrer</b>.</li>
		<li>Cliquez sur la roue crant&eacute;e <b>Param&egrave;tres</b>.</li>
		<figure>
				<img src="http://www.actunet.org/astuces/win10/images/44-1.jpg" alt="D&eacute;marrer et param&egrave;tres" >
				<figcaption>Fig.1 - Parametres</figcaption>
		</figure>
		
		
		
		<li>dans <i>Param&egrave;tres</i>, cliquez sur <b>Syst&egrave;me</b>.</li>
		<img  class="ombre" src="http://www.actunet.org/astuces/win10/images/44-2.jpg" alt="Syst&egrave;me" />
		<p>Vous souhaitez le th&egrave;me sombre ? <a href="http://www.actunet.org/astuces/win10/42-activerthemesombre.php" target=_blank>cliquez ici.</a>
		
		<li>Dans le menu de gauche, cliquez sur <b>Notifications et actions</b>.</li>
		<img class="ombre" src="http://www.actunet.org/astuces/win10/images/44-3.jpg" alt="Notifications & actions" />
		<li>D&eacute;cochez la case : <b>Afficher les notifications dans l'&eacute;cran de v&eacute;rrouillage</b>.</li>
		<img class="ombre" src="http://www.actunet.org/astuces/win10/images/44-4.jpg" alt="Decocher les notifications" />

		<p>Les notifications seront &agrave; partir de maintenant masqu&eacute;e lors que l'&eacute;cran de verrouillage sera activ&eacute;.</p>	
	
	
	

			</ol>

 

Share this post


Link to post
Share on other sites

Only <li> elements can be children of <ol> elements. Just wrap the image in <li> tags.

<ol>
  <li>Allez dans le mneu <b>Démarrer</b>.</li>
  <li>
    Cliquez sur la roue crantée <b>Paramètres</b>.
    <figure>
      <img src="http://www.actunet.org/astuces/win10/images/44-1.jpg" alt="Démarrer et paramètres" >
      <figcaption>Fig.1 - Parametres</figcaption>
    </figure>
  </li>
  <li>
    dans <i>Paramètres</i>, cliquez sur <b>Système</b>.
	<img  class="ombre" src="http://www.actunet.org/astuces/win10/images/44-2.jpg" alt="Système" />
    <p>Vous souhaitez le thème sombre ? <a href="http://www.actunet.org/astuces/win10/42-activerthemesombre.php" target=_blank>cliquez ici.</a>
  </li>
  <li>
    Dans le menu de gauche, cliquez sur <b>Notifications et actions</b>.
	<img class="ombre" src="http://www.actunet.org/astuces/win10/images/44-3.jpg" alt="Notifications & actions" />
  </li>
  <li>
    Décochez la case : <b>Afficher les notifications dans l'écran de vérrouillage</b>.
    <img class="ombre" src="http://www.actunet.org/astuces/win10/images/44-4.jpg" alt="Decocher les notifications" />
    <p>Les notifications seront à partir de maintenant masquée lors que l'écran de verrouillage sera activé.</p>
  </li>
</ol>

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...