Image de fond au dessu de couleur de fond

Fermé

Jo$$ - 7 nov. 2008 à 22:38
Soadmystic Messages postés 1262 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 1 avril 2009 - 9 nov. 2008 à 14:25

Bonjour,

Je voudrai savoir comment faire passé l'image de fond au dessus de la couleur de fond ???

J'ai :

   <body bgcolor="66ccff" style="background: url(mon image.jpg) #66ccff  repeat repeat-y!;  center;">

( Le but c'est de faire une image de fond verticale -centrée- et un fond bleu ;)

Merci de me trouvé une solution !

A voir également:

Image de fond au dessu de couleur de fond
Trame de fond word - Guide
Fond de page word - Guide
Comment mettre une vidéo en fond d'écran - Guide
Comment mettre un fond de couleur sur libreoffice writer - Guide
Excel cellule couleur si condition texte - Guide

6 réponses

Réponse 1 / 6

Soadmystic Messages postés 1262 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 1 avril 2009 249
7 nov. 2008 à 23:16

Premièrement cette syntaxe ne permet pas ce que vous voulez faire.
La solution serait d'appliquer une couleur unique au body, puis d'appliquer une image de fond qui se répèterait en vertical dans un bloc (<div>...</div>) centré qui prendrait la totalité de la hauteur de la page.

Vous aurez surement besoin de passer par un fichier CSS.

Page HTML:

<body>
<div id="global">
</div>
</body>

page CSS :

body {
margin:0;
padding:0;
font-family:verdana,arial,sans-serif;
font-size:1em;
text-align:center;
background-color:#66ccff;
}

#div global {
background-image: mon_image.jpg;
}

Jo$$
8 nov. 2008 à 12:31

Merci pour cette aide mais ça ne marche toujours pas ... : j'ai juste la couleur de fond.
(j'ai bien remplacé "mon_image.jpg" par son vrai nom mais ça ne fonctionne pas)

merci pour l'aide

Réponse 2 / 6

Soadmystic Messages postés 1262 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 1 avril 2009 249
8 nov. 2008 à 19:42

qu'est ce que t'y vois, peut tu décrire un peu plus ???
Oublie pas de définir une hauteur et largeur à ton image et puis positionne là avec des top et des left ect ...

Jo$$
9 nov. 2008 à 13:01

Alors voila ce que je voudrais : http://img208.imageshack.us/img208/8261/jpghz8.jpg
et avec mes pages j'obtient seulement la couleur de fond et pas l'image de fond qui doit se repeter verticalement

ma page HTML :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=windows-1250">
 <meta name="generator" content="PSPad editor, www.pspad.com">
 <title>SANS TITRE</title>
<link rel="icon" type="image/gif" href="favicon.gif">  
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css">

  
 </head>

	
<body>
<div id="global">
</div>
</body> 
 
</html>

et ma page CSS :


body {
margin:0;
padding:0;
font-family:verdana,arial,sans-serif;
font-size:1em;
text-align:center;
background-color:blue;
}

#div global {
background-image: http://img89.imageshack.us/img89/3379/jpgcu3.jpg; 
}

voila...on y est presque ^^

Réponse 3 / 6

Soadmystic Messages postés 1262 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 1 avril 2009 249
9 nov. 2008 à 13:54

ton image de fond est censé être quoi, je ne voit qu'une ligne bleu.

Jo$$
9 nov. 2008 à 13:59

Oui c'est sa, c'est une image de 800X1 pixel c'est pour sa que je veut la faire répété verticalement

mon image: BLEU--------------BLANC--------------BLEU

Réponse 4 / 6

Soadmystic Messages postés 1262 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 1 avril 2009 249
9 nov. 2008 à 14:14

dans ce cas, il faut rajouter la balise
repeat-x dans la page CSS, dans la balise div global.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

Soadmystic Messages postés 1262 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 1 avril 2009 249
9 nov. 2008 à 14:17

si je comprend bien, tu ne fais pas de conteneur qui contiendrait la zone blanche ??
tu préfères faire tout en image plutôt qu'en code html, c'est pas ce que je ferai ...

Réponse 6 / 6

Soadmystic Messages postés 1262 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 1 avril 2009 249
9 nov. 2008 à 14:25

il faut plutot faire ca :

https://imageshack.com/

Discussions similaires

PIX

"Couleur de page" pour une seule page

problème de pixel

Comment enlever le rouge sur la photo svp ?

Fond d'écran qui devient noir