IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

image en arriere plan qui se repéte


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Auditeur informatique
    Inscrit en
    Août 2011
    Messages
    112
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Auditeur informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Août 2011
    Messages : 112
    Par défaut image en arriere plan qui se repéte
    bonsoir
    sur une ligne d'un cadre (j'ai utilisé la balise frameset pour structurer ma page) je veux insérer en arrière plan une photo. c'est la ligne correspondant au header.

    j'ai donc télécharger une image en .jpg qui me plaisait mais je n'ai pas fait attention aux dimensions ou autres car je ne m'y connais pas.

    j'ai réussi à mettre cette photo en arrière plan avec
    <body background="photo.jpg"> mais la photo se répète on la voit 5 fois .

    pouvez vous m'expliquer pourquoi ? et m'expliquer dans quelle voie chercher pour comprendre comment insérer "intelligemment" des images en arrière plan

    merci

  2. #2
    Membre éprouvé
    Homme Profil pro
    Développeur Full Stack
    Inscrit en
    Mai 2010
    Messages
    159
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 57
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Full Stack

    Informations forums :
    Inscription : Mai 2010
    Messages : 159
    Par défaut
    Elle se répète 5 fois car ton body fait 5 fois la taille de ton image. Donc pour ne pas avoir cela, tu mets tout une image à la taille du body ou alors dans ton css tu fait:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    body {
    margin: 0 auto; /*centrage du body et position haute et basse*/
    background: url('lien vers ton image) no-repeat;/*pas de répétition d'image*/
    }

  3. #3
    Membre confirmé
    Homme Profil pro
    Auditeur informatique
    Inscrit en
    Août 2011
    Messages
    112
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Auditeur informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Août 2011
    Messages : 112
    Par défaut
    bonjour
    je n'utilise pas du CSS car c'est un exercice imposé (utilisation html avec des cadres , attributs sur balise pour la forme)
    donc il faut que je mette mon image à la dimension du body mais je ne vois pas comment faire et d'ailleurs le résultat sera sans doute moche .


    je souhaite donc mettre l'image une seule fois à droite par exemple

    mais comment ? le no-repeat ne marche pas

    merci

  4. #4
    Membre émérite
    Avatar de michel.di
    Homme Profil pro
    Freelance
    Inscrit en
    Juin 2009
    Messages
    782
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Freelance
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2009
    Messages : 782
    Par défaut
    ça ne marche pas? comment as-tu ajouté le no-repeat?
    dans un css comme te l'a conseillé franck31?

  5. #5
    Membre confirmé
    Homme Profil pro
    Auditeur informatique
    Inscrit en
    Août 2011
    Messages
    112
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Auditeur informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Août 2011
    Messages : 112
    Par défaut
    bonjour
    non ça ne marche pas mais vous n'avez pas relevé un point :
    je ne dois pas utiliser de css : on me le demande dans l'exercice.
    dans ma formation on voit depuis septembre les balises html et on leur met des attributs pour la forme. On fait des cadres aussi pour structurer la page. donc pas de css , pas de html5 non plus c'est les bases comme ils disent.
    ce que je dois rendre doit utiliser les cours qu'on a fait et j'ai pas le choix

    d'ailleurs à ce sujet cette formation me déçoit , à l'issue de cette formation qui abordera le php et javascript (les bases aussi) je ne pense pas réussir à trouver un emploi quelconque

    pour revenir sur mon code
    j'ai donc fait un cadre et dans l'en tête je renvoie à une autre page qui contient simplement (src dans balise frameset)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <body background="photo.jpg">
        <h1 align="center">
    		C'est le titre de la page 
    	</h1>
    </body>
    merci

  6. #6
    Membre émérite
    Avatar de michel.di
    Homme Profil pro
    Freelance
    Inscrit en
    Juin 2009
    Messages
    782
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Freelance
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2009
    Messages : 782
    Par défaut
    Et si tu fais ça :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <body style="background:url(photo.jpg) no-repeat top right">
        <h1 align="center">
    		C'est le titre de la page 
    	</h1>
    </body>

  7. #7
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Citation Envoyé par mathier Voir le message
    je ne dois pas utiliser de css : on me le demande dans l'exercice.
    donc ça y est c'est fait

  8. #8
    Membre Expert

    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2011
    Messages
    1 049
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Enseignement

    Informations forums :
    Inscription : Mai 2011
    Messages : 1 049
    Billets dans le blog
    2
    Par défaut
    Citation Envoyé par mathier Voir le message
    je ne dois pas utiliser de css
    Je fais remarquer que la solution de michel di. est bien du CSS , qui est en ligne, mais c'est du CSS quand même.
    Ceci prouve que c'est la meilleure solution pour faire la mise en page.

    Bah, Monsieur Jourdain (le Bourgeois Gentilhomme) faisait bien de la prose sans le savoir !!...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. mettre une image en arriere plan
    Par ricardvince dans le forum Graphisme
    Réponses: 11
    Dernier message: 23/05/2006, 10h04
  2. image comme arrière-plan dans une fenetre?
    Par afrikha dans le forum GTK+ avec C & C++
    Réponses: 6
    Dernier message: 08/10/2005, 20h22
  3. Comment mettre une image en arriere plan
    Par huon dans le forum Access
    Réponses: 1
    Dernier message: 13/09/2005, 16h16
  4. Centrage de texte avec une image en arriere plan
    Par MasterOfChakhaL dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 26/08/2005, 18h31
  5. image d'arriere plan
    Par mikky dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 12/05/2005, 18h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo