Jump to content

include php et css incompatible?[resolu]


Recommended Posts

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 :chinois:

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? :ouioui:

Link to comment
Share on other sites

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...

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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 :transpi: c'etait ien un probleme d'url de l'image. merci encore a vous tous :)

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...