Discussion :

[d3LTa7]

Hello !

J'ai un petit souci avec cette méthode que j'ai essayé de mettre en place pour un site, chez moi ça marche assez étrangement, ça marche quand ça veut (1fois sur 10 actualisations de la page avec changement de la taille de l'écran avec la console) et quand ca marche je trouve que les coordonnées sont décalés

Voici mon code

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
		<div class="map">
			<img usemap="#mapbam" src="<?php echo esc_url( $uri ); ?>/pics/eth_bammap.png" alt="la bam">
			<map id="mapbam" name="mapbam">
				<area 
					shape="poly" 
					coords="3973,866,3805,1904,4583,2032,4746,989" 
					href="/bam/#livre" 
					alt="livret"
					target="_blank"
					title="Le livret des référents"
				/>
			</map>			
		</div>

pour les coordonnées j'ai utilisé ce site : https://www.image-map.net/

L'image est un png avec des éléments est sans fond (je ne sais pas si ça y joue...)

En ce qui concerne la partie css, la div est juste placé dans la grille du parent

Code :

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

.map{grid-column: span 4/10}

Quel est le souci du coup ? Merci

[NoSmoking]

Bonjour,

Quel est le souci du coup ?

Tu devrais trouver ta réponse sur

• Responsive <area> dynamique