Mon site principal, Ma Tribu, est un CMS fait de pages classées en catégories. On y cause de la famille, de ses histoires, de biographies ...
Dans la section de Serge, je voulais afficher une photo de groupe de son mariage, avec les étiquettes au survol et les liens vers les pages TNG de chacune des personnes identifiées et présentes dans l'arbre. Et après plusieurs essais, ça marche. (Note, ceux sont l'étiquette a un fond blanc ont une page joignable sur le site de généalogie. Ceux dont l'étiquette a un fond bleu ont été identifiés, mais ne sont pas dans l'arbre, donc pas de lien.) Mais, je dois intégrer toute la page, pas seulement la photo (avec ses étiquettes et ses liens)
Voici le lien vers cette page : https://chauvigne.info/pages/363-serge- … nks-fr.php
Voilà le code dans la page de Ma Tribu.
<p><embed class="embed-responsive-item" src="https://clan.chauvigne.info/showmedia.php?mediaID=362&medialinkID=484" width="100%" height="3000"></embed></p>
Et le css laisse à désirer pour un rendu responsive sur toute largeur d'écran. Je cherche à améliorer. Voilà ce que j'ai, pas encore très efficace.
.embed-responsive {position: relative;display: block;height: 0;padding: 0;overflow: hidden;}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0;}
.embed-responsive.embed-responsive-kat { padding-bottom: 100%;}
.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive.embed-responsive-4by3 {padding-bottom: 75%;}
Qui aurait des idées pour n'intégrer que la photo avec ses étiquettes et les liens qui vont bien ?