​Pour séparer la fin du site quand on édite!

​Et que l'on ne voit pas la fin de la colonne de pages!

https://www.developpez.net/forums/d1473106/webmasters-developpement-web/mise-page-css/demande-rollover-distance-css-html/#post7985970
​

Pour voir les images survolez les carrés

CSS hover

:hover sur Developpez...





Pour une ancre

https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/creer-des-liens

ce qui donne:

pour une ancre de la page sud-est sur le 1er item Bastia
<div id="bastia"</div> l'ancre dans le container <Embed>

que l'on met en fait un peu plus haut pour "décoller" la visualisation de Bastia !!!
(donc avant la ligne de séparation de la ville précédant Bastia)


et https://fpmodel.weebly.com/sud-est.html/#bastia directement dans le lien courant de  "Bastia" de la page France
​(page "web" et non page "standard" et de plus NE PAS OUVRIR DANS UNE NOUVELLE PAGE!!! )

Mettre un "Title" serait trop pénible à faire car il faudrait mettre cela en tant que container <embed>
du genre 
<p> <a href="https://fpmodel.weebly.com/sud-est.html/#bastia" title="Vers Bastia">Bastia</a> </p>
à mettre à la suite, pour chaque ville pour fabriquer une ligne de texte : le cauchemar !


Sans compter que bientôt le site va changer de nom, et que je pense qu'il faudra rechanger aussi les liens! Huhu!
​

Pour une image quand on survole un texte (pour la chronologie! )

d'après 
http://peutetreunereponse.over-blog.com/article-2109067.html


le css
a.viewpic {
  position:relative;
  border-bottom:1px dashed #808080; 
  text-decoration: none; 
}
a:hover.viewpic {
  text-decoration: none; 
  background: none;
}
a.viewpic span {display: none;}
a:hover.viewpic span {
  display: inline; 
  position: absolute;  
  top: -20px; 
  left: 10px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}

le html
<a class="viewpic" href="#">Survolez-moi<span><img src="https://fpmodel.weebly.com/uploads/3/9/3/8/3938813/bimage01_10.jpg​" alt="" /></span></a>

avec des images stockées sur une autre page!




​



​