Insertion d'image dans deux feuille de style

david6445 5 Messages postés mardi 26 décembre 2017Date d'inscription 27 décembre 2017 Dernière intervention - 26 déc. 2017 à 23:28 - Dernière réponse : david6445 5 Messages postés mardi 26 décembre 2017Date d'inscription 27 décembre 2017 Dernière intervention
- 27 déc. 2017 à 00:09
Bonjour, veuillez excusez ma non experience mais j'ai inséré dans mon htlm deux feuille de style contenant chacune un background image dans le html. Les deux css s'ouvrent bien mais seulement une image apparait! pourriez vous me dire ce qui ne vas pas?

ex:
<html>
<head>
<title>tests de style</title>
<h1>test css</h1>
<link rel="stylesheet" type="text/css" href="style1.css" />
<link rel="stylesheet" type="text/css" href=« style2.css"  />
</head>
<body>
<p>soyez indulgents svp j’essaie d’apprendre!!</p>
</body>
</html>


merci



Afficher la suite 

6 réponses

Répondre au sujet
jordane45 19431 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 27 décembre 2017 Dernière intervention - 26 déc. 2017 à 23:33
0
Utile
5
Bonjour
Et quels sont les codes de tes css ?
david6445 5 Messages postés mardi 26 décembre 2017Date d'inscription 27 décembre 2017 Dernière intervention - 26 déc. 2017 à 23:42
style1:
body {


  
  background-image: url("image1.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top right;


 }



style2:
body {
  
  background-image: url("image2.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left;
  
 }

EDIT : Ajout du LANGAGE dans les balises de code (la coloration syntaxique).

Explications disponibles ici :ICI

Merci d'y penser dans tes prochains messages.
Jordane45
david6445 5 Messages postés mardi 26 décembre 2017Date d'inscription 27 décembre 2017 Dernière intervention - 26 déc. 2017 à 23:42
j'ai également fait attention a la taille de mes images!!
david6445 5 Messages postés mardi 26 décembre 2017Date d'inscription 27 décembre 2017 Dernière intervention - 26 déc. 2017 à 23:43
merci d'avance!
jordane45 19431 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 27 décembre 2017 Dernière intervention - 27 déc. 2017 à 00:01
Tes deux feuilles de style définissent UNE image de fond pour le body.
Elles se font concurrence
Si tu veux plusieurs images dans le même background tu peux faire comme ici :
 background-image: url(image1.png), url(image2.png);

Ou encore comme ici :
http://css.mammouthland.net/css3/plusieurs-background-image-sans-div.php
david6445 5 Messages postés mardi 26 décembre 2017Date d'inscription 27 décembre 2017 Dernière intervention - 27 déc. 2017 à 00:09
merci beaucoup!!
Commenter la réponse de jordane45