Code html titre et image

clairep8787 -  
mpmp93 Messages postés 2931 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Je ne connais pas grand chose au code html et voici ce que j'ai comme code

<p><img alt=" ENTREE CLVR" width="183" height="120" src="/UserFilesCLVR/image/ENTREE CABINET.jpg" />      <img style="width: 181px; height: 120px" alt="" width="173" height="120" src="/UserFilesCLVR/image/SALLE ATTENTE.jpg" />    <img style="width: 98px; height: 120px" alt="" width="80" height="120" src="/UserFilesCLVR/image/ATTENTE 5.jpg" /> </p>
<p>                    Entrée CLVR                                          Salle attente 1                               Salon</p>
<p><img style="width: 179px; height: 120px" alt="" width="168" height="120" src="/UserFilesCLVR/image/VISUMAX 2.jpg" />      <img alt="" width="180" height="120" src="/UserFilesCLVR/image/BLOC 12.jpg" />      <img style="width: 100px; height: 120px" alt="" width="180" height="120" src="/UserFilesCLVR/image/CONE VISUMAX.jpg" /></p>
<p>               Laser VisuMax                                           Salle blanche                                  Cône</p>
<p> </p>

<p> </p>

Sur Safari tous mes titres sont décalés par rapport à mes images pourquoi?
Merci par avance!

1 réponse

  1. mpmp93 Messages postés 2931 Date d'inscription   Statut Membre Dernière intervention   1 343
     
    Bonjour,

    Pour ceci:
    <p>                    Entrée CLVR                                          Salle attente 1                               Salon</p> 
    


    les espaces multiples sont comptés comme un seul espace;

    Utilisez FIGURE:

    <figure>
      <img src="monImage01.jpg">
      <figcaption>légende de ma figure</figcaption>
    </figure> 


    et le css qui va bien avec:

    figure, figcaption {
        display: block;
        text-align: center;
    }


    Après, à vous d'améliorer... Voir ici:
    http://html5.immo-scope.com/index.php?page=html5/elementFigure

    A+

    1