Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
1701 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Background / Fond de page HTML sous Blue Griffon

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Background / Fond de page HTML sous Blue Griffon

n°2233100
pudding100​9
Modératé
Posté le 09-07-2014 à 23:05:58  profilanswer
 

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
mood
Publicité
Posté le 09-07-2014 à 23:05:58  profilanswer
 

n°2233114
pudding100​9
Modératé
Posté le 10-07-2014 à 11:17:01  profilanswer
 

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
n°2233115
gilou
Modérateur
Modzilla
Posté le 10-07-2014 à 11:33:30  profilanswer
 

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+,

n°2233117
pudding100​9
Modératé
Posté le 10-07-2014 à 12:03:34  profilanswer
 

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


---------------
Feedback
n°2233125
gilou
Modérateur
Modzilla
Posté le 10-07-2014 à 16:28:12  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Background / Fond de page HTML sous Blue Griffon

 

Sujets relatifs
Récuperer le background d'un élémentAvec IE8, mes données avec AJAX disparaissent d'une page à l'autre !
Theme wordpress artisteer : aligner les éléments d'une page et espacesInteraction de colonnes en HTML
générer une page web automatiquement[Resolu][JS/HTML] Enregistrement login / pass navigateur avec pas[...]
Changer le contenu d'une balise HTML avec JavascriptBackground & Media queries
Modifier un style de page et sauvegarderJquery - aide pour page d'accueil complexe
Plus de sujets relatifs à : Background / Fond de page HTML sous Blue Griffon


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR