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
: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!