Discussion :

[Contact2012]

bonjour ;
Je voudrais mettre les pages dans mon site encadré par une texture.
le problème c'est que toute la page est deveune avec cette texture et non pas ce qui l'entoure.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
body {text-align:center;margin:0 ; background:url(../images/bg.jpg)}
 
div#container
{
	position:relative;
	width: 893px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
}

et voici la page

svp, quelqu'un pourrais me guider
Merci d'avance pour toute suggsetions

[xess91]

Salut,

Il faut mettre ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
#container
{
	position:relative;
	width: 893px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
	background-image:url(../images/point.png);
}

et non

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
div#container
{
	position:relative;
	width: 893px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
	background-image:url(../images/point.png);
}

[Contact2012]

Bonjour ;
Merci xess91. Non ca pas marché avec cette modification.
Jé pensé à mettre un tableau avec background blanc mais rien n'a changé !!
Le template je l'ai pris tout prêt avec toutes les balises en position absolute. Peut etre le probleme provient de ce coté.
Avez vous d'autres suggestions?

[xess91]

Salut contact2012,

J'ai fini par trouver le problème. Effectivement il vient du fait que les balises soient en absolute. Ce qui a pour effet de ne pas remplir la div container donc quand tu mets un background il s'y met mais il n'est pas visible puisque caché derrière l'en-tête. Pour régler le problème tu peux mettre une hauteur à la div container de la hauteur de la page, dans mais test sur l'index j'ai mis une hauteur de 1100px et ça marche pas trop mal.

Par contre si vraiment tu veux faire un truc mieux que ça, refais tout. Le doctype est ancien et de plus j'ai une centaine d'erreur W3C, sans parler du fait que les div soient en absolute.

[Contact2012]

Bravo xess91
C'est vraiment ça , il faut refaire proprement les choses. les pages sont dynamiques et je peux pas prévoir exactement la hauteur de la page.
s'il te plais comment voir les erreurs w3c dont tu parles? je travaille avec dreamweaver.
tu peux me montrer comment rendre les éléments de cette page apparaitre simplement en flux normal ?
Merci beaucoup pour tes efforts et tes conseils

[12monkeys]

Bonsoir

Pour vérifier la validité de son code tu as le site du W3C : http://validator.w3.org/ pour le (X)HTML et http://jigsaw.w3.org/css-validator/ pour le CSS.

En ce qui concerne le positionnement dans le flux il suffit de simplement indiquer les balises sans rien d'autre :

Code :

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

1
2
3
4
5
6
7
<p>
paragraphe
</p>
 
<div>
div
</div>

Ces deux éléments s'affichent l'un sous l'autre, ils s'affichent en fonction du flux...

Si tu veux plus de renseignements tu as les tutoriels CSS : http://css.developpez.com/cours/

Et plus précisément : http://pbnaigeon.developpez.com/tuto...tions-de-base/ et http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/