Bonjour à tous !
Voilà je me décide à créer une simple page afin d'avoir 2 redirections vers mon espace de partage de photos et l'accès sécurisé à mon NAS.
N'ayant pas touché au HTML depuis un moment, je me suis orienté vers la solution Blue Griffon.
J'ai réussi (non sans mal) à obtenir ce que je voulais (2 icônes en haut de page, toujours centrées en largeur quelque soit la taille de la fenêtre du navigateur utilisé et qui renvoient vers les URLs de mon NAS).
J'ai ensuite voulu rendre un peu plus "sympa" la page en y intégrant une image de fond et c'est là que les choses se compliquent... Aucune option dans Blue Griffon, obligé de passer par une "création assistée" pour pouvoir définir l'image de fond. Mais le vrai problème :
Je n'arrive pas à rendre cette image relative, pourriez-vous m'aider svp ?
Voici le code de ma page, avec en couleur la partie problématique :
Code :
- <!DOCTYPE html>
- <html lang="FR">
- <head>
- <meta content="text/html; charset=utf-8" http-equiv="content-type">
- <title>Ma Page</title>
- <style type="text/css">
- html {
- background-image: url("file:///C:/Users/moi/Desktop/Redirection/index_fichiers/Fond.jpeg" );
- background-repeat: no-repeat;
- background-attachment: fixed;
- background-position: 0% 0%;
- }
- </style></head>
- <body>
- <table style="width: 100%;" border="0">
- <tbody>
- <tr>
- <td style="text-align: center;"><a href="https://www.monnas.fr/photo/"><img
- style="width: 100px; height: 100px;" title="Album" alt="" src="index_fichiers/Album.png"></a><br>
- </td>
- <td style="text-align: center;"><a href="https://www.monnas.fr:5001/webman/index.cgi"><img
- style="width: 100px; height: 100px;" title="Prive" alt="" src="index_fichiers/Prive.png"></a><br>
- </td>
- </tr>
- </tbody>
- </table>
- <p><br>
- </p>
-
- </body>
- </html>
|
J'ai essayé différentes choses pour faire pointer vers l'image de fond qui est stockée dans index_fichiers/Fond.jpg mais je n'y arrive pas...
Question subsidiaire pour les âmes charitables, est-il possible de centrer également les icônes de manière verticale ?
Merci d'avance pour vos réponses !
---------------
Feedback