Menu

Afficher deux fond d'écran dans son code CSS [Résolu/Fermé]

Dragi69 2 Messages postés lundi 17 octobre 2016Date d'inscription 18 octobre 2016 Dernière intervention - 17 oct. 2016 à 23:26 - Dernière réponse : Dragi69 2 Messages postés lundi 17 octobre 2016Date d'inscription 18 octobre 2016 Dernière intervention
- 18 oct. 2016 à 17:43
Bonjour à tous,
Je voudrai créer un site web avec une image en fond écran qui serai fixe, mais je voudrai en plus ajouter par dessus un rectangle tout blanc centré dans lequel j'inscrirai mon texte ainsi que mes autres images ( je précise que j'aimerai que ce rectangle blanc puisse être répété.).
Pour vous donner un exemple, ce forum est un peu ce que je recherche à faire, rectangle blanc au centre.

Je pars avec ce code :

 background-image: url("image.jpg"), url("rectangle.jpg"); 
  background-position: center, left;
  background-size: cover , cover;


J'espère que vus avez compris ce que j'aimerai faire ^^.
Je souhaite remercier d'avances les prochaines réponses. N'hésitez pas à me demander des précisions si vous n'avez pas compris.



Afficher la suite 

2 réponses

animostab 2845 Messages postés jeudi 10 mars 2005Date d'inscription 20 avril 2018 Dernière intervention - Modifié par animostab le 18/10/2016 à 00:06
0
Utile
Salut

Faire 2 background n'est pas la bonne méthode (le texte va deborder etc)
En fait il faut que tu fasse une div ou autre tag html5 pour le centre
ex
html
<body>
<div class="texte">contenu1</div> 
<div class="texte">contenu2</div> 
<div class="texte">contenu3</div> 
</body>
 

css
body {
background:red; /**ou image**/
margin:0;
padding:0;
}
.texte {
margin : 30px 20%;
background: white;
min-height:100px;
}

Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
Dragi69 2 Messages postés lundi 17 octobre 2016Date d'inscription 18 octobre 2016 Dernière intervention - 18 oct. 2016 à 17:43
0
Utile
Je te remercie beaucoup pour ta réponse ! C'est niquel =D