Discussion :

[Theverglades]

Bonjour,

Je suis débutant en html/css et je vous sollicite car je n'arrive pas à indenter correctement mon code dans sublime text: il me dit qu'il ne trouve pas le bracket correspondant.
J'ai beau chercher, tenter des trucs mais je coince. J'aimerai utiliser l'indentation automatique (CTRL+i avec Emmet) mais il me décale tout à chaque fois. ce qui fait qu'il me fait n'importe quoi quand je "réduit" avec la flèche pour gagner un peu de clarté
Il semblerait qu'il s'agirait d'un problème avec la balise <audio>.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<div class="container" id="e">
  <p><h2>El fonema [e]</h2></p>
  <p class="soustitre" >é / e(cc-) /e(ff-) /e(ll-) / e(ss-) / -er / -ed / -ez / -ef / œ</p>
  <p class="note">Es el mismo sonido que la letra "e" español</p>
  <div class="son">
    <div class="graf">
      <p><h3>La grafía é</h3></p>
      <div class="exemple">
        <div class="mot">
          <div><img src="html/francais/media/etoile.png" alt="etoile"></div>
          <p class="fr"><strong>é</strong>toile</p>
          <p><em>(.f)</em></p>
          <p class="es">estrella</p>
          <div>
            <audio id="etoile"><source src="html/francais/media/etoile.ogg" type="audio/ogg"></audio>
              <button onclick="document.getElementById('etoile').play()"><i class="far fa-play-circle"></i></button>
            </div>
          </div>
          <div class="mot">
            <div><img src="html/francais/media/epee.jpeg" alt="epee"></div>
            <p class="fr"><strong>é</strong>p<strong>é</strong>e</p>
            <p><em>(.f)</em></p>
            <p class="es">espada</p>
            <div>
              <audio id="epee"><source src="html/francais/media/epee.ogg" type="audio/ogg"></audio>
                <button onclick="document.getElementById('epee').play()"><i class="far fa-play-circle"></i></button>
              </div>
            </div>
            <div class="mot">
              <div><img src="html/francais/media/telephone.jpg" alt="telephone"></div>
              <p class="fr">t<strong>é</strong>l<strong>é</strong>phone</p>
              <p><em>(.m)</em></p>
              <p class="es">teléfono</p>
              <div>
                <audio id="telephone"><source src="html/francais/media/telephone.ogg" type="audio/ogg"></audio>
                  <button onclick="document.getElementById('telephone').play()"><i class="far fa-play-circle"></i></button>
                </div>
              </div>
            </div>
            <p>Se encuentra al inicio, dentro y final de la palabra</p>
          </div>
        </div>
      </div>

autre exemple que je ne comprend pas pourquoi il ne reconnait pas que la paire de <div> vont de paire (?!) (ligne 68)


Merci pour votre aide!

[Chatanga]

Dans le fragment de code HTML, l’élément source n’est pas fermé.