La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  " background-repeat: no-repeat " ne marche pas
« Précédent Suivant »
Pages: [1] 2 Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: " background-repeat: no-repeat " ne marche pas  (Lu 2750 fois)
" background-repeat: no-repeat " ne marche pas
« sur: le 25-04-2008 a 17:27:00 »
nenex-eh
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 137



Euskal Presoak Euskal Herrirat !

Voir le Profil    WWW
Répondre avec citation

slt
J'ai cherche sur le net pour savoir comment ne pas multiplier une image de fond de page, dans Dreamweaver MX. J'ai vu qu'il faut mettre   background-repeat: no-repeat dans la balise body. Donc j'ai rajoute dans le code :
Code:
<body background="elements-du-site/accueil/fond-et-dessin.png" background-repeat: no-repeat>
Mais ca ne marche pas 
Merci pour votre aide.

« Dernière Édition: le 25-04-2008 a 17:28:57 par nenex-eh » Rapporter au modérateur  

Mon site : www.nenex-argazkia.com
Autres sites : www.askatasuna-uztaritze.org / www.hegalaldia.org

Re:" background-repeat: no-repeat " ne marche pas
« Répondre #1 sur: le 25-04-2008 a 18:13:54 »
Netah
Modérateur Global
*****

Hors-Ligne

Sexe: Male
Messages: 1256



ZoneB.org
netah_x@yahoo.com
Voir le Profil    WWW
Répondre avec citation

Code:
<body STYLE="background-image: url(elements-du-site/accueil/fond-et-dessin.png); background-repeat: no-repeat">


C'est quand meme mieux de mettre tout ca dans un fichier css séparé

Rapporter au modérateur  

skalae.frStages photo - Blog Webmaster - Twitter TLS
Re:" background-repeat: no-repeat " ne marche pas
« Répondre #2 sur: le 25-04-2008 a 19:21:43 »
nenex-eh
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 137



Euskal Presoak Euskal Herrirat !

Voir le Profil    WWW
Répondre avec citation

pourquoi dans un fichier CSS 

Rapporter au modérateur  

Mon site : www.nenex-argazkia.com
Autres sites : www.askatasuna-uztaritze.org / www.hegalaldia.org
Re:" background-repeat: no-repeat " ne marche pas
« Répondre #3 sur: le 29-04-2008 a 13:38:00 »
Izanagi
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 27





Voir le Profil    WWW
Répondre avec citation

tu peux essayer déjà de corriger l'erreur suivante :

remplacer :

<body background="elements-du-site/accueil/fond-et-dessin.png" background-repeat: no-repeat>

par :

<body style="background-repeat: no-repeat; background-image: url(elements-du-site/accueil/fond-et-dessin.png);">

Il vaut mieux en effet mettre tes styles sur une feuilles de style séparée, que tu appelles depuis ta page html avec :

<link rel="stylesheet" type="text/css" href="css/styles.css" media="screen" />

Dans ta feuille de style tu indiques :

body {
  background-repeat: no-repeat;
  background-image: url(elements-du-site/accueil/fond-et-dessin.png);
}

Et dans ta page html tu laisses le tag body vide comme ceci:

<body>

« Dernière Édition: le 29-04-2008 a 13:41:13 par Izanagi » Rapporter au modérateur  

Penpal Tradition - La correspondance en toute simplicité - www.penpal-tradition.net
Ordi'Assistance - Dépannage informatique et créations Web - www.ordi-assistance.be
Re:" background-repeat: no-repeat " ne marche pas
« Répondre #4 sur: le 03-05-2008 a 23:04:14 »
nenex-eh
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 137



Euskal Presoak Euskal Herrirat !

Voir le Profil    WWW
Répondre avec citation

me suis penche sur la creation de feuille de style dans dream. Depuis le temps...
Le probleme c'est que ca met l'image en fond de ligne et pas de la page :


Le dessin qu'on devrais voir c'est le meme qui se trouve dans le logo en haut sous le titre TXIN TXIN.
Voila le code de ma feuille de style fond-de-page.css
Code:
.fond-de-page {
   font-family: "Comic Sans MS";
   font-size: 10pt;
   color: #FFFF00;
   background-image: url(elements-du-site/accueil/logo-arriere-plan.png);
   background-repeat: no-repeat;
   background-position: center center;
}


Et celui de ma page HTML :
Code:
//-->
</script>
<style type="text/css">
<!--
@import url("fond-de-page.css");
-->
</style>
</head>

Je comprend pas pourquoi ca fait ca.

Rapporter au modérateur  

Mon site : www.nenex-argazkia.com
Autres sites : www.askatasuna-uztaritze.org / www.hegalaldia.org
Re:" background-repeat: no-repeat " ne marche pas
« Répondre #5 sur: le 04-05-2008 a 10:05:45 »
Izanagi
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 27





Voir le Profil    WWW
Répondre avec citation

Tu crées une feuille de style distincte pour chaque élément de ton site ?

essaie de placer ta classe "fond-de-page" dans le premier conteneur, celui qui englobe tous les éléments, peut-être dans la balise <body> si tu veux que cela se mette en fond de page. Mais inutile de mettre une classe à body.

Dans ton exemple on dirait que ta classe "fond-de-page" se trouve dans les paragraphes (<p>)

Essaie de remplacer :

.fond-de-page {
  font-family: "Comic Sans MS";
  ...

par :

body {
  font-family: "Comic Sans MS";
  ...
}

et de retirer la classe "fond-de-page" dans tes balises <p>

« Dernière Édition: le 04-05-2008 a 10:07:36 par Izanagi » Rapporter au modérateur  

Penpal Tradition - La correspondance en toute simplicité - www.penpal-tradition.net
Ordi'Assistance - Dépannage informatique et créations Web - www.ordi-assistance.be
Re:" background-repeat: no-repeat " ne marche pas
« Répondre #6 sur: le 04-05-2008 a 10:38:37 »
nenex-eh
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 137



Euskal Presoak Euskal Herrirat !

Voir le Profil    WWW
Répondre avec citation

Citation de: Izanagi le le 04-05-2008 a 10:05:45
Tu crées une feuille de style distincte pour chaque élément de ton site ?
Non mais la c'est pour me faire la main que j'ai fait les reglage juste pour le logo en fond. Apres je ferais une feuille de style pour la police et pour les autre pages.

Citation de: Izanagi le le 04-05-2008 a 10:05:45
essaie de placer ta classe "fond-de-page" dans le premier conteneur, celui qui englobe tous les éléments, peut-être dans la balise <body> si tu veux que cela se mette en fond de page. Mais inutile de mettre une classe à body.

Dans ton exemple on dirait que ta classe "fond-de-page" se trouve dans les paragraphes (<p>)

Essaie de remplacer :

.fond-de-page {
  font-family: "Comic Sans MS";
  ...

par :

body {
  font-family: "Comic Sans MS";
  ...
}

et de retirer la classe "fond-de-page" dans tes balises <p>
J'ai pas tout compris mais je me penche dessus pour comprendre. Ca me permettra d'apprendre 

Rapporter au modérateur  

Mon site : www.nenex-argazkia.com
Autres sites : www.askatasuna-uztaritze.org / www.hegalaldia.org
Re:" background-repeat: no-repeat " ne marche pas
« Répondre #7 sur: le 04-05-2008 a 10:43:38 »
Izanagi
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 27





Voir le Profil    WWW
Répondre avec citation

par conteneur je veux dire un bloc, par exemple body, div etc...

<body>
<div>
    <p></p>
    <p></p>
</div>
</body>

Ici le premier conteneur est body. Si tu mets ton background dans les balises <p> il n'apparaitra pas dans les div ni dans le body. Ton but est de le placer en fond de page donc il te faut le mettre dans le body.

Rapporter au modérateur  

Penpal Tradition - La correspondance en toute simplicité - www.penpal-tradition.net
Ordi'Assistance - Dépannage informatique et créations Web - www.ordi-assistance.be
Re:" background-repeat: no-repeat " ne marche pas
« Répondre #8 sur: le 04-05-2008 a 11:18:52 »
nenex-eh
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 137



Euskal Presoak Euskal Herrirat !

Voir le Profil    WWW
Répondre avec citation

Ca marche !!!!
Citation de: Izanagi le le 04-05-2008 a 10:05:45
Essaie de remplacer :

.fond-de-page {
  font-family: "Comic Sans MS";
  ...

par :

body {
  font-family: "Comic Sans MS";
  ...
}

et de retirer la classe "fond-de-page" dans tes balises <p>
J'ai retire la classe fond-de-page dans mes balises <p> et l'image de fond de chaque ligne a disparu. J'avais modifie fond-de-page  par body mais en fait que se soit l'un ou l'autre ca marche quand meme.

Citation de: Izanagi le le 04-05-2008 a 10:05:45
essaie de placer ta classe "fond-de-page" dans le premier conteneur, celui qui englobe tous les éléments, peut-être dans la balise <body> si tu veux que cela se mette en fond de page. Mais inutile de mettre une classe à body.

J'ai donc mis la classe fond-de-page dans la balise <body> comme ca :
Code:
<body bgcolor="#990000" class="fond-de-page" onLoad="MM_preloadImages('elements-du-site/accueil/bouton-contact-02.png','elements-du-site/accueil/bouton-liens-02.png','elements-du-site/accueil/bouton-catalogue-02.png')">
et mon image de fond est apparu dans ma page. Je crois que j'ai compris pourquoi la classe fond-de-page c'etait inserer dans les balises <p>. Quand j'ai cree mon style, dans la 1ere fenetre, a Type de selecteur j'avais coche Classe. J'aurais du cocher Balise et dans la liste deroulante choisir Body. J'ai pas essayer mais ca doit etre ca. La je doit bouger, donc j'essairais plus tard. Sauf si tu me confirme que c'est bien ca.

Rapporter au modérateur  

Mon site : www.nenex-argazkia.com
Autres sites : www.askatasuna-uztaritze.org / www.hegalaldia.org
Re:" background-repeat: no-repeat " ne marche pas
« Répondre #9 sur: le 04-05-2008 a 11:35:09 »
Izanagi
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 27





Voir le Profil    WWW
Répondre avec citation

Je pense que ça doit être ça. Mais moi je n'utilise pas de logiciels style dreamweaver, je trouve plus agréable de tout faire soi même ^^ On comprends mieux comment ça se passe et puis le code est plus léger et propre aussi.

C'est pareil avec ou sans classe dans body mais comme il n'y a qu'un seul body la classe est un peu inutile. Une classe permet de différencier une balise d'une autres. Il y a aussi l'identificateur id mais lui doit rester unique sur ta page.

Dans ton body retire  bgcolor="#990000" et met le dans ta feuille de style :

background-color : #900;

« Dernière Édition: le 04-05-2008 a 11:35:32 par Izanagi » Rapporter au modérateur  

Penpal Tradition - La correspondance en toute simplicité - www.penpal-tradition.net
Ordi'Assistance - Dépannage informatique et créations Web - www.ordi-assistance.be
Re:" background-repeat: no-repeat " ne marche pas
« Répondre #10 sur: le 04-05-2008 a 17:55:09 »
nenex-eh
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 137



Euskal Presoak Euskal Herrirat !

Voir le Profil    WWW
Répondre avec citation

ha ben oui c'est vrais que la couleur de fond de page je dois la mettre dans la fueille de style. Maintenant que c'est beucoup plus claire pour moi les feuille de style je vais les utiliser pour ce site, mais aussi pur d'autre que j'ai deja fait (dont le mien).

Rapporter au modérateur  

Mon site : www.nenex-argazkia.com
Autres sites : www.askatasuna-uztaritze.org / www.hegalaldia.org
Re:" background-repeat: no-repeat " ne marche pas
« Répondre #11 sur: le 04-05-2008 a 19:21:16 »
nenex-eh
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 137



Euskal Presoak Euskal Herrirat !

Voir le Profil    WWW
Répondre avec citation

l'image ne se centre pas horisontalement et verticalement j'ai mis une position personnalise (100pixel) mais ca ne bouge pas 
Voila le code :
Code:
.fond-de-page {
   font-family: "Comic Sans MS";
   font-size: 10pt;
   color: #FFFF00;
   background-image: url(elements-du-site/accueil/logo-arriere-plan.png);
   background-repeat: no-repeat;
   background-position: center 200px;
   background-color: 990000;
}

Rapporter au modérateur  

Mon site : www.nenex-argazkia.com
Autres sites : www.askatasuna-uztaritze.org / www.hegalaldia.org
Re:" background-repeat: no-repeat " ne marche pas
« Répondre #12 sur: le 04-05-2008 a 19:32:48 »
Izanagi
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 27





Voir le Profil    WWW
Répondre avec citation

Essaie 50% 50% ?

Rapporter au modérateur  

Penpal Tradition - La correspondance en toute simplicité - www.penpal-tradition.net
Ordi'Assistance - Dépannage informatique et créations Web - www.ordi-assistance.be
Re:" background-repeat: no-repeat " ne marche pas
« Répondre #13 sur: le 04-05-2008 a 19:36:10 »
nenex-eh
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 137



Euskal Presoak Euskal Herrirat !

Voir le Profil    WWW
Répondre avec citation

Citation de: Izanagi le le 04-05-2008 a 19:32:48
Essaie 50% 50% ?
pour la position horisontale c'est ok, mais verticalezment ca na pas bouge. C'est mieux de mettre en pourcentage plutot qu'en centimetre ou pixel ?

Rapporter au modérateur  

Mon site : www.nenex-argazkia.com
Autres sites : www.askatasuna-uztaritze.org / www.hegalaldia.org
Re:" background-repeat: no-repeat " ne marche pas
« Répondre #14 sur: le 04-05-2008 a 19:38:37 »
Izanagi
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 27





Voir le Profil    WWW
Répondre avec citation

en pixels c'est absolu, tandis qu'en % c'est relatif. Si tu modifies la dimension de ta fenetre en pixels le fond ne sera plus centré.

Rapporter au modérateur  

Penpal Tradition - La correspondance en toute simplicité - www.penpal-tradition.net
Ordi'Assistance - Dépannage informatique et créations Web - www.ordi-assistance.be
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] 2 Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg