Image en arriere-plan
azerty2699
-
totoba Messages postés 47 Date d'inscription Statut Membre Dernière intervention -
totoba Messages postés 47 Date d'inscription Statut Membre Dernière intervention -
Bonjour, j'ai une page html a laquelle j'ai jié un fichier .css pour ajouter du style.
J'aimerais mettre un motif qui se repete en arriere plan, donc voici mon code css :
Le probleme, c'est que ce motif (dans body, motif.png) se met en premier plan et cache le texte ! Comment faire pour le mettre en arriere-plan ?
Merci de votre aide.
J'aimerais mettre un motif qui se repete en arriere plan, donc voici mon code css :
body {
background:url(motif.png);
font-family:"georgia";
padding-right:15em;
}
h1 {
font-family:"times new roman";
font-size:35px;
font-weight:normal;
text-decoration:underline;
}
ul.navbar{
position:absolute;
top:4em;
right:3em;
}
ul.navbar li{
background:#75F9B2
;
padding: 0.3em;
border-right: 1em solid red
}
ul.navbar a {
text-decoration:bold
}
a:link {
color:green
}
a:visited {
color:brown
}
Le probleme, c'est que ce motif (dans body, motif.png) se met en premier plan et cache le texte ! Comment faire pour le mettre en arriere-plan ?
Merci de votre aide.
A voir également:
- Image en arriere-plan
- Youtube en arrière plan - Guide
- Arrière plan - Guide
- Arriere plan pc - Guide
- Supprimer arrière plan image - Guide
- Image iso - Guide
1 réponse
Bonjour, je ne suis pas expert mais pour mettre une image en arrière-plan il faut ceci :
body {
background: url('motif.png') repeat;
font-family: "georgia";
padding-right: 15em;
}
Là normalement ton image devrait ce répéter en mosaïque. Si tu veux qu'elle se répète horizontalement sur la première ligne, il faudra écrire repeat-x. Si tu veux qu'elle se répète verticalement sur la première colonne, il faudra écrire repeat-y.
Voilà en espérant t'avoir aidé.
body {
background: url('motif.png') repeat;
font-family: "georgia";
padding-right: 15em;
}
Là normalement ton image devrait ce répéter en mosaïque. Si tu veux qu'elle se répète horizontalement sur la première ligne, il faudra écrire repeat-x. Si tu veux qu'elle se répète verticalement sur la première colonne, il faudra écrire repeat-y.
Voilà en espérant t'avoir aidé.