Forums entraide et discussions

GG le sympa

Administrateur

Lieu : Graçay

Inscription : 03-08-2006 à 14:41

Messages : 17 599

Re : Background, fond arrière plan en CSS

Le background en CSS se définit dans la balise Body

body 
{ 
background-color:#00FF00;
}

Pour mettre une image, vous ferez :

body 
{ 
background-image:url(http://www.tonsite.com/image.jpg);
}

Si vous voulez que cette image soit repetée à l'infinie :

body 
{ 
background-image:url(http://www.tonsite.com/image.jpg);
background-repeat:repeat;
}

Si vous voulez en arrière plan que l'image soit en haut à gauche :

body 
{ 
background-image:url(http://www.tonsite.com/image.jpg);
background-repeat: no-repeat;
background-position: top left;
}

Si vous voulez que votre arrière plan se répete à l'infinie horizontalement en haut :

body 
{ 
background-image:url(http://www.tonsite.com/image.jpg);
background-repeat:repeat-x;
background-position: top;
}

Si vous voulez que votre background se répète à l'infinie verticalement et à gauche :

body 
{ 
background-image:url(http://www.tonsite.com/image.jpg);
background-repeat:repeat-y;
background-position: top left;
}

Guest-21

Invité

Re : Background, fond arrière plan en CSS

Bonjour, pour ma part, cela ne fonctionne pas. Mon site est en PHP et il ya des courriels qui sont automatiquement envoyer lorsqu'il y a achat par exemple. J'aimerais mettre mon logo en haut a gauche du courriel et voici la façon dont je m'y prends: (sans les espaces du HTTP...)

body
{
background-image:url(h t t p://www.holdealer.com/auction/themes/default/LOGOHOLDEALER8.gif);
background-repeat: no-repeat;
background-position: top left;
}

lorsque le courriel est recu, on appercoit en haut, au début du texte ceci:(sans les espaces du HTTP...)

body { background-image:url(h t t p://www.holdealer.com/auction/themes/default/LOGOHOLDEALER8.gif); background-repeat: no-repeat; background-position: top left; }

Suggestions?

labucque

Invité

Re : Background, fond arrière plan en CSS

N'oublie pas les balises <style></style>
ex:

<style type="text/css">
<!--
body {
    background-color: #999999;
}
-->
</style></head>