include php et css incompatible?[resolu]

[jer666]

Bonjour,

j'ai creer un script et j'utilise des includes afin de metrte en place un menu.

J'affecte des IDentifiant a ce menu de 2 maniere.

1 id qui entoure l'include

<div id="monid">

<?php include ("monfichier.php"); ?>

</div>

et 1 id dans mon fichier inclus

lorsque j'essaye d'appliquer un background-image a cet id, aucune image n'apparait.

Pourtant, lrosque j'utilise webdevelopper sous firefox afin de modifier le css en ligne, dés que j'ouvre ma feuille css avec cette extension, l'image apparait

j'ai verifier le code plus qu'il ne faut, j'ai retourner le probleme sous toute les formes que je puisse, et que j'affecte mon background-image a l'id englobant l'include ou dans le fichier inclus, aucun des 2 backgrounds n'est appliqué.

Une idée?

[gvosnet]

Un p'tit exemple ? Un extrait de ton code ? De la CSS ?

A tout hasard, le nom de ton image est bien en minuscules ? L'extension aussi ? Ca pourrait expliquer que ça marche en local mais pas en ligne.

Sinon, balance (des extaits de) ton code...

[Sentinel]

L'include PHP est traité côté serveur, et la feuille CSS côté client. Il ne peut donc pas y avoir d'incompatibilité entre les deux.

Je penche plutôt, comme gvos_net, pour un problème de nommage des images : Windows est case-insensitive, mais pas linux, qui est sûrement utilisé par ton hébergeur.

[jer666]

ok merci, je vais fouiller en ce sens...

au cas ou voici un bout de code :)

<div id="fonds">

<?php include ("bloc/bloc_img.php"); ?>

</div>

en css

#fonds {background-image: url(images/fonds.jpg); width: 390px; height: 390px;}

le code de l'include :

<div class="img_bloc_float">

<a href="<?php echo $url; ?>id=<?php echo $id; ?>">

<img src="<?php echo $url; ?>upload/images/<?php echo $id; ?>.<?php echo $donnees['Images']; ?>" alt="<?php echo $donnees['Titre']; ?>" title="<?php echo $donnees['Titre']; ?>" />

</a>

</div>

le tout compris dans une boucle while

ce qui m'etonne c'est surtout que le code est on ne peux plus simple, et que lorsque j'edite mes sources css avec webdevelopper l'image apparait, alors que généralement c'est plutot l'inverse. Les images de fonds disparaissent quand on utilise cette extension.

merci a vous 2, je vais essayer de revoir ca tranquilement :) a tete reposé, hier je m'etais un peu enervé dessus

[Sentinel]

Fais voir aussi le style de ta classe img_bloc_float ?

[Yangzebul]

Si tes ".img_bloc_float" sont comme l'indique leur nom des blocs flottants, c'est normal que tu ne voye pas ton background.

Blocs flottants > retirés du flux > non utilisés pour le calcul de la hauteur > ton conteneur à une hauteur de 0 > dlc le background.

Il y a plusieurs solutions possibles :

- Passer ton conteneur en "table-cell"

- Passer tes flottants en "inline-block"

- Clearer le bas de ton conteneur

[jer666]

merci de vos réponses :)

.img_bloc_float{}

.img_bloc_float img{float:left; width: 110px; height: 110px; margin:4px 6px 4px 0px}

donc ca serait parce que dans mon bloc id=fonds j'utilise une class qui introduit un float? bizare, mais ok, je ne connaissait pas :) je teste tes propositions Yangzebul merci :)

donc tes proposition ne fonctionnent pas dans mon cas, mais j'ai trouvé la solution c'etait ien un probleme d'url de l'image. merci encore a vous tous :)