Background / Fond de page HTML sous Blue Griffon

Background / Fond de page HTML sous Blue Griffon - HTML/CSS - Programmation

Marsh Posté le 09-07-2014 à 23:05:58    

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 :
  1. <!DOCTYPE html>
  2. <html lang="FR">
  3.   <head>
  4.     <meta content="text/html; charset=utf-8" http-equiv="content-type">
  5.     <title>Ma Page</title>
  6.     <style type="text/css">
  7. html { 
  8.   background-image: url("file:///C:/Users/moi/Desktop/Redirection/index_fichiers/Fond.jpeg" );     
  9.   background-repeat: no-repeat; 
  10.   background-attachment: fixed; 
  11.   background-position: 0% 0%;
  12. }
  13. </style></head>
  14.   <body>
  15.     <table style="width: 100%;" border="0">
  16.       <tbody>
  17.         <tr>
  18.           <td style="text-align: center;"><a href="https://www.monnas.fr/photo/"><img
  19.                 style="width: 100px; height: 100px;" title="Album" alt="" src="index_fichiers/Album.png"></a><br>
  20.           </td>
  21.           <td style="text-align: center;"><a href="https://www.monnas.fr:5001/webman/index.cgi"><img
  22.                 style="width: 100px; height: 100px;" title="Prive" alt="" src="index_fichiers/Prive.png"></a><br>
  23.           </td>
  24.         </tr>
  25.       </tbody>
  26.     </table>
  27.     <p><br>
  28.     </p>
  29.    
  30.   </body>
  31. </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 !

Message cité 1 fois
Message édité par pudding1009 le 09-07-2014 à 23:12:24

---------------
Feedback
Reply

Marsh Posté le 09-07-2014 à 23:05:58   

Reply

Marsh Posté le 10-07-2014 à 11:17:01    

Je m'en suis sorti en utilisant l'URL de l'image mais si elle disparait du site source... Je serai de nouveau bloqué...
 

Code :
  1. background-image: url("http://img0.mxstatic.com/wallpapers/58e8181f08ce669f0b0451d06fbd350f_large.jpeg" );


 
Il doit bien être possible de lui donner l'adresse relative non ?
De plus, mes icônes (*.png) ne s'affichent pas comme dans Blue Griffon, mais ont des angles blancs... L'arrondi n'est pas respecté.


---------------
Feedback
Reply

Marsh Posté le 10-07-2014 à 11:33:30    

pudding1009 a écrit :

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.

Ca m'aurait étonné que Daniel n'ait pas prévu ça dans son soft.
Un coup de Google et je trouve:

Citation :

On the Style Properties panel background images are in the Colors  section. When you click the plus sign to ‘add a background image’ a  set of boxes opens that allow you to define its position etc.


 
A+,

Reply

Marsh Posté le 10-07-2014 à 12:03:34    

Je dois être con... je ne trouve pas ....


---------------
Feedback
Reply

Marsh Posté le 10-07-2014 à 16:28:12    

Pourtant...
J'ai lancé une version que j'ai téléchargé sur ma machine (la version sur ma bécane était un poil antique), je fais Panneaux > Style CSS et dans le panneau je choisis Couleurs et j'ai une zone image, si je clique sur le bouton+, un dialogue s'ouvre pour choisir un fichier image, comme expliqué dans mon post précédent.
Bon, c'est peut être un poil buggé, car je n'ai vu le résultat qu'en ajoutant une deuxième image, puis en supprimant la première. Mais après ça marchait sans pb.
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed