Background deux couleur

FredLx · 18/02/2011, 20h17

Bonjour,

J'aimerais savoir si c'est possible d'avoir deux couleur comme background: gris pour 75% de la page et blanc pour 25% de la page (au bas) comme sur l''image de ce lien:

http://www.multi-grafe.com/sans-titre-1.jpg

J'ai essayé en utilisant un layer et comme c'est pour envoyer par courriel le layer n'apparait pas.

Merci de votre aide.

ornitho13 · 18/02/2011, 23h19

oui c'est possible, voila une façon de faire:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<style type="text/css">
html, body{
	height:100%;
	margin:0;
	padding:0;
}
.top
{
	background:#333;
    height:75%;
    width:100%;
}
.bottom
{
    background:#fff;
    height: 25%;
    width:100%;
}
 
</style>
</head>
<body>
<div class="top">test</div>
<div class="bottom">test</div>
</body>
</html>

FredLx · 19/02/2011, 01h02

J'ai essayé mais ça ne marche pas avec les courriels. Le layer noir ne prend pas toute la largeur de la page.

ornitho13 · 19/02/2011, 10h59

pour les couriels, il faut utiliser le css en "inline" dans les tags.
Exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<div style="..."></div>

FredLx · 19/02/2011, 15h17

Même en utilisant le css inline le bloc noir ne prend pas toute la largeur.

L'utilisant de layer n'est pas la solution.

Est-ce qu'il y en a une autre solution?

18/02/2011, 20h17	#1
FredLx Invité de passage Inscription : mai 2007 Messages : 42 Détails du profil Informations forums : Inscription : mai 2007 Messages : 42 Points : 3 Points : 3	Background deux couleur Bonjour, J'aimerais savoir si c'est possible d'avoir deux couleur comme background: gris pour 75% de la page et blanc pour 25% de la page (au bas) comme sur l''image de ce lien: http://www.multi-grafe.com/sans-titre-1.jpg J'ai essayé en utilisant un layer et comme c'est pour envoyer par courriel le layer n'apparait pas. Merci de votre aide.
	00

19/02/2011, 01h02	#3
FredLx Invité de passage Inscription : mai 2007 Messages : 42 Détails du profil Informations forums : Inscription : mai 2007 Messages : 42 Points : 3 Points : 3	J'ai essayé mais ça ne marche pas avec les courriels. Le layer noir ne prend pas toute la largeur de la page.
	00

19/02/2011, 15h17	#5
FredLx Invité de passage Inscription : mai 2007 Messages : 42 Détails du profil Informations forums : Inscription : mai 2007 Messages : 42 Points : 3 Points : 3	Même en utilisant le css inline le bloc noir ne prend pas toute la largeur. L'utilisant de layer n'est pas la solution. Est-ce qu'il y en a une autre solution?
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email