5568 sujets

Sémantique web et HTML

Bonjour à tous,
Peut-être que je ne suis pas très malin ...
A l'origine, j'ai ça :

	  <p><span class="marge" />Le Syndic Savoy découvre <a href ="pic/savoy.jpg">l'opposition.</a>

Mais comme mon image est très longue (4 pages A4 accrochées les unes aux autres par Gimp, 1300 * 720 px),
l'affichage ne me plait pas !
Aussi voudrais-je que l'image s'affiche dans un fenêtre.
J'ai essayé ça :

<body>
<div class="global">  <!-- Conteneur de toute la page -->

	  <p><span class="marge" />Le Syndic Savoy découvre <a href =<img src="pic/savoy.jpg" Width  = "130" Height = "130" alt="Savoy">l'opposition.</a>
      </p></br></br></br>
</div>
</body>

Et ça ne marche pas !
Le but est d'avoir l'image appelée dans une fenêtre que je puisse dimensionner à mon gré.
Un petit tour sur le web ne m'a rien appris de ce problème !
Une idée ?
Merci à tous !
Cordialement.
H.
Il faut mettre un overflow-x sur le conteneur de l'image pour avoir une barre de défilement verticale.

Mais dans votre cas ça ne marchera pas forcément, en effet il y a un mélange d'éléments blocs et d'éléments inlines dans le code, quand à l'image elle se trouve en plein milieu d'un texte !

Il faut donc revoir tout cela avant d'appliquer l'overflow-x. Quand ce sera fait il sera bien d'ajouter aussi une hauteur (ex. height: 100vh, ou moins) à ce même conteneur.
Modifié par Olivier C (14 Nov 2020 - 13:21)
Bonjour et merci !
Tout ça me semblait hors de ma portée, hors de mes connaissances !
Aussi ais-je choisi de faire simplement une deuxième page qui, elle, contient ma fenêtre.
Comme j'ai utilisé une simple copie de la première page, juste ajustant les dimensions de la fenêtre, on ne se rend compte de rien !
Vous pouvez aller voir :
http://www.reguin-elies.bzh/livre/combinazione/lettres/savoy.html
Mais comme l'image est très grosses, (1'889'535 octets), ça prend un certain temps pour charger. Le serveur est chez moi, sur une Raspberry Pi 3 B+, Freebox et ADSL ... vivement la fibre !
Avec mes salutation les meilleures
H.
Meilleure solution