Discussion :

[rjl]

Bonjour,

Je suis en train de préparer un second site, le premier 60 pages fonctionnant depuis près d'un an.
Pour autant, je rencontre une difficulté particulière sur ce second site !
Pour respecter les souhaits du club concerné (reprise d'un site créé par une association de réinsertion dont les membres ont -tant mieux pour eux- trouvé du travail mais abandonné la maintenance depuis 2 ans), j'ai dû opter pour l'utilisation de z-index dans les css : un fonds en background avec vignette répétitive plus une seconde image fixée qui vient sur le premier fond.
Ca fonctionne parfaitement en local quand je lance mes pages en navigateur ; après la remontée FTP chez mon hébergeur, tous serait parfait sauf les 2 fonds en question qui disparaissent (d'où un unique fond blanc) !
J'ai vérifié, les css sont bien remontées
Qu'est-ce qui peut coincer ?
Le site en test sur http://www.ainesruraux22.org/Finistere/
Le répertoire Finistere contient l'index et 2 fichiers css utilisés.
Essais réalisés sur Firefox 3. Code du début des css avec les fonds et z-index :

Code :

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
33
34
35
36
37
body
	{
	background-image:url(images29/FondCorpswww29.jpg); 
	background-repeat: repeat;
	color:blue;
	font-family: verdana, helvetica, arial, sans-serif ; 
	font-size: medium; 
	line-height: 200%
	}
p
	{
	font-size: 12px;
	}
.colgch 
	{
	position: absolute;
	left: 0; 
	top:0;
	width:14%;
	height: 768px;
	background-image:url(images29/FondMenu29.jpg);
	background-attachment:fixed;
	z-index: 3;
	}
.colgchbis
	{
	position: absolute;
	left: 0; 
	top:0;
	width:14%; 
	margin:auto;
	z-index: 4;
	}
.centrage
	{
	text-align: center ;
	}

Merci de vos indications
RJL9312

[Macmillenium]

Bonsoir,

Non aucun rapport avec z-index, vérifies si tes images sont bien uploadé.

[GihefBey]

Bonjour,

Elles sont bien sur le serveur.
Le problème est dû à un chemin erroné, mal écrit :
http://www.ainesruraux22.org/Finistere/Images29/
http://www.ainesruraux22.org/Finiste...Corpswww29.jpg

Tu t'éviterais ce genre de désagrément si tu n'utilisais pas de majuscules dans les noms de tes fichiers, dossiers.
Et 143 ko pour un motif de fond, ça fait un peu lourd (-;
Pour les autres aussi.

Tu tiens vraiment à laisser le logo se déformer ?

-

[rjl]

Bonsoir et merci à tous les deux.
Ca a pris du temps mais j'ai pris en compte tous les problèmes :
l'adressage qui était faux avec une lettre erronée dans un nom d'image et les noms de répertoire avec des fichiers non cohérents au niveau de la casse !
Naïvement, je croyais qu'à ce niveau la casse n'influait pas (comme pour les dossiers vis à vis de l'explorateur Windows... tout en sachant que l'appel devait être parfait) !!!
J'ai réduit la taille des images de fonds à 2 ou 3 Ko, gage de rapidité et les ai mises en repeat ;
Une question que signifie

Tu tiens vraiment à laisser le logo se déformer ?

Au final, vous m'avez non seulement dépanné mais permis de m'améliorer un petit peu... pas assez pour que je ne revienne pas demander aide ou conseil un jour ou l'autre.
Bon week-end
RJL9314

[GihefBey]

Une question que signifie...

La page http://www.ainesruraux22.org/Finistere/ était valide. Sur la gauche, une image (Logo AR.gif) qui ressemblait à de nombreux logos de ville, région... (et qu'on retrouve sur http://www.ainesruraux22.org/) se déformait. Comme elle le fait encore maintenant et comme d'autres aussi.
Ce n'est pas vraiment un truc à faire subir à un logo qui fait partie d'une identité visuelle et qu'on est sensé reconnaître.

-

[rjl]

Bonsoir,
Merci des précisions ; j'avais déjà eu des déformations (minimes) du logo en mettant au point le site http://www.ainesruraux22.org/ .
Pour autant, la déformation présentée en " elle le fait encore maintenant " est énorme mais je ne l'ai pas rencontrée dans les pages : je chercherai.
Je suppose que la cause pourrait être un espace (à remplir) et non conforme ou une image non précisée en dimensions (j'essaie généralement de ne pas mettre de dimensions ou de travailler en pourcentages).
@+ (j'arrête pour ce soir).
Encore merci RJL9314

[rjl]

Bonjour,
Pour les infos communiquées, tout fonctionne à mon goût ; reste que je n'ai pas été foutu de trouver ce fameux logo déformé en hauteur !
Pour contrôle, voila l'adresse (provisoire de ce site d'essai : http://www.ainesruraux22.org/finistere/
merci des précisions sur l'adresse du logo (des logos) défaillant(s).
Merci et à bientôt RJL9314

[GihefBey]

Les 100% sont curieux, essaye ça

Code CSS :

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

1
2
3
4
5
6
7
8
  .logo {
/*  position:top center;
  margin-left:auto;
  margin-right:auto;
  text-align: center ;
  width:100%;
  height:100%;*/
  }

-