> Tous les forums > Forum des Webmasters
 Une p'tite modif Html... c'est possible..Sujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
plomwell
  Posté le 26/12/2012 @ 11:58 
Aller en bas de la page 
Petit astucien

Bonjour, les Astuciens et Bonnes fêtes.

J'aimerai vous demander s'il était possible de m'arranger ma formule ci_dessous pour que mon image de background soit automatiquement à dimension sur n'importe quel écran et de bonne qualité.

Sur ce modèle, j'arrive effectivement à mette une image en fond d'écran mais elle est étirée et mal centrée bien sûr. la dimension employée de mon image et en 1900x1200

Je ne suis pas un bon utilisateur du HTML et je possède juste un blog.

Je vous remercie.

<div style="background-color: transparent; display: block; left: 50%; margin-left: -952px; position: fixed; top: -5px; z-index: -2;">
<img srchttp://s2.static-clubeo.com/uploads/rugbygujan/Medias/BackgroundSitePublic__mfe78g.jpg">
</div>

Publicité
vesu70
 Posté le 26/12/2012 à 16:15 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bonjour. Dans la page de style css à body ou global,il faut mettre width et height à 100%.

A plus.

Dreamer
 Posté le 26/12/2012 à 17:30 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Mouais, il faut surtout que les dimensions de l'image s'y prêtent ......

Si ton image fait 800px X 600px, il y a peu de chances qu'elle s'adapte à un à 1028 X 768 !!

Au mieux, il faut la centrer!!

plomwell
 Posté le 26/12/2012 à 17:40 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Non, non, mon image est de 1900px X 1200px je l'ai noté dans mon mess.

plomwell
 Posté le 26/12/2012 à 17:45 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
Message original par plomwell

Bonjour, les Astuciens et Bonnes fêtes.

J'aimerai vous demander s'il était possible de m'arranger ma formule ci_dessous pour que mon image de background soit automatiquement à dimension sur n'importe quel écran et de bonne qualité.

Sur ce modèle, j'arrive effectivement à mette une image en fond d'écran mais elle est étirée et mal centrée bien sûr. la dimension employée de mon image et en 1900x1200

Je ne suis pas un bon utilisateur du HTML et je possède juste un blog.

Je vous remercie.

<div style="background-color: transparent; display: block; left: 50%; margin-left: -952px; position: fixed; top: -5px; z-index: -2;">
<img srchttp://s2.static-clubeo.com/uploads/rugbygujan/Medias/BackgroundSitePublic__mfe78g.jpg">
</div>

Vouai, mais je ne dispose pas d'acces HTMl je ne peux qu'utiliser le code source que j'ai écris. C'est un blog et je passe par un editeur de texte banal pour effectuer la commande html. Puis je modifier en ajoutant ce que tu me préconises dans cette ligne ?

<div style="background-color: transparent; display: block; left: 50%; margin-left: -952px; position: fixed; top: -5px; z-index: -2;">

Dreamer
 Posté le 26/12/2012 à 18:05 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Oups, je n'avais pas vu que tu avait donné les dimensions de ton image .....

Bon logiquement, si tu avais accès au css de ton blog, tu devrais avoir ceci:

html, body { margin: 0; padding: 0; height: 100%; width: 100%; }

Puis ceci:

.image_fond { width : 100%; height: 100%; }

Et enfin ton image

<img class="image_fond alt="" src="monimage.jpg" />


plomwell
 Posté le 27/12/2012 à 16:32 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Hélas Dreamer... Je n'ai pas accès à cette information en Html.

Je mets juste toute la formule dans l'éditeur de texte, je copie tout ça et je le colle dans mon onglet lien (icon chaine), comme la page ou je te reponds, tot pareil, c'est tout ce que peux faire. Je suis sous une plateforme de chez "clubéo" je peux te donner mon lien de site et tu comprendras sans doute mon prob.

http://rugbygujan.clubeo.com/

Merci à toi.

dlm.

Dreamer
 Posté le 27/12/2012 à 18:48 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

C'est un peu le problème des blogs clés-en-main...

C'est gratuit, mais tu ne fais pas ce que tu veux et c'est dommage ...Surtout que si tu veux partir, tu ne peux pas récuper tes bases et autres articles!!

Si tu as quelques euros, tu peux te faire ton blog avec Wordpress (gratuit) par exemple avec un NDD et un hébergement à 1 ou 2 euros par mois !!

plomwell
 Posté le 28/12/2012 à 08:30 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Je crois que tu es dans le vraie.

Je vais regarder ce que tu me conseilles et voir si c'est quand même le mieux pour effectivement pouvoir jouer davantage sur la mise en forme de mon site.

Merci beaucoup pour ton dévouement. {#}

@+ dlm.



Modifié par plomwell le 28/12/2012 08:38
Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
GratuitJeu PC Unrailed! gratuit

Epic Game Store offre actuellement le jeu PC Unrailed!. Unrailed! est un jeu multijoueur où vous devrez faire équipe avec vos amis pour construire une voie ferrée à travers des mondes infinis générés de manière procédurale. Gérez les rencontres aléatoires avec les habitants, améliorez votre train et ne le laissez pas dérailler ! Audio en anglais, textes en français.


Voir l'offre
279 €Tablette 11 pouces Lenovo Tab P11 Plus (2K, 4Go/128Go) + station d'accueil + coque + stylet à 279 €
349 € -20%

Boulanger fait une promotion sur la tablette tactile 11 pouces Lenovo Tab P11 Plus accompagnée d'un stylet, d'une coque et de sa station d'accueil qui passe à 329 €. Or Lenovo rembourse actuellement 50 € pour l'achat de ce pack qui vous reviendra à 279 € au lieu de 349 €. Cette excellente tablette 11 pouces possède un écran 2K, un processeur 8 coeurs Snapdragon 662, 4 Go de RAM, 128 Go de stockage, une autonomie de 12 heures et un port USB Type C. Le tout tourne sous Android 10. La station d'accueil permet de poser la tablette et de la recharger.


Voir l'offre
187,49 €Système de sécurité Amazon Ring Alarm Kit 5 pièces à 187,49 €
309,98 € -40%

Amazon fait une promotion sur le système de sécurité Amazon Ring Alarm Kit 5 pièces (2ème génération) à 187,49 € au lieu de 309 € grâce au code promo RING25OFF. Ce kit inclut tout ce qu'il vous faut pour démarrer : une base, un pavé numérique, un capteur de contact, un détecteur de mouvements, un amplificateur de portée et une caméra Ring Indoor Cam.


Voir l'offre
199,99 €Ecran 23,8 pouces Acer Nitro XV240Y (FullHD, IPS, 1 ms, 165 Hz, FreeSync; pied réglable) à 199,99 €
259 € -23%

La Fnac fait une promotion sur l'écran 23,8 pouces Nitro XV240YPbmiiprx qui passe à 199,99 € alors qu'on le trouve ailleurs à partir de 259 €. Cet écran dédié aux joueurs dispose d'une dalle IPS Full HD de 1920x1080 pixels. Grâce à sa compatibilité Freesync et Gsync (165Hz) et son temps de réponse rapide de 1 ms, ce moniteur Acer offre une excellente fluidité d'affichage. Interfaces : 2 x HDMI, DP (1.2), Sortie de ligne audio. Pied ergonomique avec réglage de l'inclinaison, de la hauteur, du panoramique et de la rotation.


Voir l'offre

Sujets relatifs
code html pour info-bulle
fichiers css et html
insertion code html
Couleur bordure tableau en html (NVU)
Code html
Codage HTML dans Dreamweaver avec une template Photoshop
Page html en CSS
html : horloge statique
Éditeur d'articles html de Blogger
Target dans menu déroulant "option value=...." html
Plus de sujets relatifs à Une p''tite modif Html... c''est possible..
 > Tous les forums > Forum Forum des Webmasters