A voir également:
- Décaler une image css
- Image iso - Guide
- Comment agrandir une image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Google recherche par image - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
13 réponses
Merci pour cette réponse mais en fait je ne dois pas procéder de la bonne manière pour atteindre le résultat que j'attend.
Donc j'ai une 2ème question.
Est-il possible de mettre 2 background (images) sur la balise body, de choisir lequel sera au premier plan et d'en décaler 1 de "x"px ? :D
Oulala c'est compliqué tout ça :(
Donc j'ai une 2ème question.
Est-il possible de mettre 2 background (images) sur la balise body, de choisir lequel sera au premier plan et d'en décaler 1 de "x"px ? :D
Oulala c'est compliqué tout ça :(
Revan26914
Messages postés
1778
Date d'inscription
dimanche 14 octobre 2007
Statut
Contributeur
Dernière intervention
15 octobre 2019
320
14 sept. 2008 à 02:15
14 sept. 2008 à 02:15
Non ce n'est pas possible d'en mettre deux sur la même balise. Seule la deuxième image apparaîtra.
Ce que tu peux faire c'est mettre une image sur la balise body et une sur la balise html ce qui donnerai dans ton CSS:
Ce que tu peux faire c'est mettre une image sur la balise body et une sur la balise html ce qui donnerai dans ton CSS:
body{
background-image: url("nom_de_l'image");
}
html{
background-image: url("nom_de_l'image");
background-position: 0px 800px;
background-repeat: y-repeat;
}
Kasoa
Messages postés
4
Date d'inscription
dimanche 14 septembre 2008
Statut
Membre
Dernière intervention
15 septembre 2008
14 sept. 2008 à 15:42
14 sept. 2008 à 15:42
J'ai donc essayé avec les balises html et body avec 2 fond différent, cela ne marche pas. J'ai essayé avec plusieurs tailles pour le decalage (d'ou le 300px actuel) mais je ne vois aucun changement :(
Mon site : http://r14545.ovh.net/~weinyth/site/
J'essaie de caler l'image suivant entre le footer et le bloc des news : http://r14545.ovh.net/~weinyth/site/wp-content/themes/Weinyth/images/fond_content.png
Mon site : http://r14545.ovh.net/~weinyth/site/
J'essaie de caler l'image suivant entre le footer et le bloc des news : http://r14545.ovh.net/~weinyth/site/wp-content/themes/Weinyth/images/fond_content.png
Revan26914
Messages postés
1778
Date d'inscription
dimanche 14 octobre 2007
Statut
Contributeur
Dernière intervention
15 octobre 2019
320
14 sept. 2008 à 18:37
14 sept. 2008 à 18:37
Si j'ai bien compris, tu veux mettre une image de fond en dessous du contenu de la page?
Si c'est le cas, pourquoi tu utilises alors une image de fond sur l'ensemble de la page? met simplement une image en dessous du contenu de ta page ;-)
Tu as accès au code html de la page?
Si c'est le cas, pourquoi tu utilises alors une image de fond sur l'ensemble de la page? met simplement une image en dessous du contenu de ta page ;-)
Tu as accès au code html de la page?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Kasoa
Messages postés
4
Date d'inscription
dimanche 14 septembre 2008
Statut
Membre
Dernière intervention
15 septembre 2008
14 sept. 2008 à 19:21
14 sept. 2008 à 19:21
Oui j'ai accès à tout, par contre je ne comprend pas trop ce que tu veux dire :s
Revan26914
Messages postés
1778
Date d'inscription
dimanche 14 octobre 2007
Statut
Contributeur
Dernière intervention
15 octobre 2019
320
14 sept. 2008 à 20:25
14 sept. 2008 à 20:25
Au lieu d'appliquer le background-image sur la balise body ou html, applique le sur contenu de ta page ;-)
Exemple:
Exemple:
#content{
background-image: url("ton_image");
background-position: ... ;
background-repeat: ... ;
etc.
}
PhP
Messages postés
1767
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
14 sept. 2008 à 20:04
14 sept. 2008 à 20:04
Bsr
Avant d'esayer de modifier d'avantage ton site règle d'abord tes pb de mise en page sur IE
Sous FF tout est OK mais sous IE 6 tout est décalé :
http://www.nobodysperfect.freesurf.fr/kasoa.jpg
Avant d'esayer de modifier d'avantage ton site règle d'abord tes pb de mise en page sur IE
Sous FF tout est OK mais sous IE 6 tout est décalé :
http://www.nobodysperfect.freesurf.fr/kasoa.jpg
Revan26914
Messages postés
1778
Date d'inscription
dimanche 14 octobre 2007
Statut
Contributeur
Dernière intervention
15 octobre 2019
320
14 sept. 2008 à 20:25
14 sept. 2008 à 20:25
Bonne idée ^^
Kasoa
Messages postés
4
Date d'inscription
dimanche 14 septembre 2008
Statut
Membre
Dernière intervention
15 septembre 2008
15 sept. 2008 à 00:04
15 sept. 2008 à 00:04
Oula, c'est pas décalé comme ça chez moi :s
Kasoa
Messages postés
4
Date d'inscription
dimanche 14 septembre 2008
Statut
Membre
Dernière intervention
15 septembre 2008
15 sept. 2008 à 02:11
15 sept. 2008 à 02:11
Aaah mais c'est avec IE "6", je viens de m'en apercevoir. bah t'as qu'à mettre ton explorer à jour !!! :D
Je vais me faire relayer par un pote pour le site, je ne vais pas m'en sortir sinon :(
Merci de votre aide :D
Je vais me faire relayer par un pote pour le site, je ne vais pas m'en sortir sinon :(
Merci de votre aide :D
PhP
Messages postés
1767
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
15 sept. 2008 à 08:59
15 sept. 2008 à 08:59
Bjr
bah t'as qu'à mettre ton explorer à jour !!! :D
Ouais c'est une façon de voir les choses T'Oh !
Personnellement je déteste les sites qui me forcent la main : mettez ceci ou cela à jour ... en général je zappe LOL
Ceci dit : https://www.w3schools.com/browsers/default.asp
bah t'as qu'à mettre ton explorer à jour !!! :D
Ouais c'est une façon de voir les choses T'Oh !
Personnellement je déteste les sites qui me forcent la main : mettez ceci ou cela à jour ... en général je zappe LOL
Ceci dit : https://www.w3schools.com/browsers/default.asp
Revan26914
Messages postés
1778
Date d'inscription
dimanche 14 octobre 2007
Statut
Contributeur
Dernière intervention
15 octobre 2019
320
15 sept. 2008 à 18:17
15 sept. 2008 à 18:17
Personnellement, je suis d'avis que c'est au webmaster de rendre accessible son site et pas aux internautes de s'adapter ^^
Fricky42
Messages postés
466
Date d'inscription
lundi 15 septembre 2008
Statut
Membre
Dernière intervention
27 mars 2012
182
15 sept. 2008 à 18:20
15 sept. 2008 à 18:20
Euuuuh...
Tu veux en gros 2 images en background... Et si de ces 2 images tu n'en fait qu'une ? (Meme avec paint tu pourrais le faire =p).
Bon j'ai surement mal saisi le probleme =D
Tu veux en gros 2 images en background... Et si de ces 2 images tu n'en fait qu'une ? (Meme avec paint tu pourrais le faire =p).
Bon j'ai surement mal saisi le probleme =D
Revan26914
Messages postés
1778
Date d'inscription
dimanche 14 octobre 2007
Statut
Contributeur
Dernière intervention
15 octobre 2019
320
15 sept. 2008 à 18:26
15 sept. 2008 à 18:26
Le problème c'est que si le contenu de la page augmente, elle recouvrira le background au lieu de se positionner par rapport au contenu ;-)
bon, tu peut mettre plusieurs image en background contrairement a ce que dise la plupart. Voici le code CSS:
background: url(../images/fond1.png) repeat-y center,
url(../images/fond0.png),
#000000;
La première ligne est l'image du dessus, la deuxième ligne est l'image qui viens dessous, et ainsi de suite.
Mon problème, comme le tien, c'est que j'aimerai trouvé une solution pour décalé la première image par rapport au haut.
background: url(../images/fond1.png) repeat-y center,
url(../images/fond0.png),
#000000;
La première ligne est l'image du dessus, la deuxième ligne est l'image qui viens dessous, et ainsi de suite.
Mon problème, comme le tien, c'est que j'aimerai trouvé une solution pour décalé la première image par rapport au haut.
babane5
Messages postés
99
Date d'inscription
mercredi 2 novembre 2011
Statut
Membre
Dernière intervention
26 juin 2012
11
10 nov. 2011 à 11:54
10 nov. 2011 à 11:54
Il suffit de jouer avec les divs =>
<div class="permierFond">
<div class="deuxiemeFond">
<div class="contenu">
</div>
</div>
</div>
PS: Je crois que le fait de mettre deux fonds c'est du CSS3, donc pas compatible avec tous les navigateurs !
<div class="permierFond">
<div class="deuxiemeFond">
<div class="contenu">
</div>
</div>
</div>
PS: Je crois que le fait de mettre deux fonds c'est du CSS3, donc pas compatible avec tous les navigateurs !
Revan26914
Messages postés
1778
Date d'inscription
dimanche 14 octobre 2007
Statut
Contributeur
Dernière intervention
15 octobre 2019
320
13 sept. 2008 à 23:24
13 sept. 2008 à 23:24
Bonsoir,
Oui c'est tout à fait possible ;-)
Voilà les propriétés CSS à ajouter:
Pour le background-position, le décalage est effectué par rapport au coin haut gauche. Les 0px déterminent le décalage de l'image de fond sur la droite et les 800px le décalage en bas.
Cordialement
Revan
Oui c'est tout à fait possible ;-)
Voilà les propriétés CSS à ajouter:
background-position: 0px 800px; background-repeat: y-repeat;
Pour le background-position, le décalage est effectué par rapport au coin haut gauche. Les 0px déterminent le décalage de l'image de fond sur la droite et les 800px le décalage en bas.
Cordialement
Revan
