Menu

Insertion d'image dans deux feuille de style

david6445 7 Messages postés mardi 26 décembre 2017Date d'inscription 29 décembre 2017 Dernière intervention - 26 déc. 2017 à 23:28 - Dernière réponse : david6445 7 Messages postés mardi 26 décembre 2017Date d'inscription 29 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 

Votre réponse

6 réponses

jordane45 21447 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 23 juin 2018 Dernière intervention - 26 déc. 2017 à 23:33
0
Merci
Bonjour
Et quels sont les codes de tes css ?
david6445 7 Messages postés mardi 26 décembre 2017Date d'inscription 29 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 7 Messages postés mardi 26 décembre 2017Date d'inscription 29 décembre 2017 Dernière intervention - 26 déc. 2017 à 23:42
j'ai également fait attention a la taille de mes images!!
david6445 7 Messages postés mardi 26 décembre 2017Date d'inscription 29 décembre 2017 Dernière intervention - 26 déc. 2017 à 23:43
merci d'avance!
jordane45 21447 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 23 juin 2018 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 7 Messages postés mardi 26 décembre 2017Date d'inscription 29 décembre 2017 Dernière intervention - 27 déc. 2017 à 00:09
merci beaucoup!!
Commenter la réponse de jordane45