Bonsoir,

Pour donner un peu de graphisme a mon site j'aimerais afficher une image à travers un cercle, pour qu'on est l'impression que l'image soit un cercle,

.tableaucache

{

position:absolute;

z-index:1;

color: #006600;

background-position:left;

background-image: url(Kit/cache.png);

height:200px;

width: 200px;

}

Je suis partie avec les z-index mais cela n'a pas l'air de marcher ,

mon cache de l'image ressemble a ca:

http://www.technijardin.fr/pcastuce.html

comment faire?

Merci

tu n'aurais pas inversé l'ordre des z-index par hasard ?

par exemple ton cache doit avoir une valeur z-index de 2 et ton image la valeur de 1 pour que ton cache soit placé au dessus ( ou alors cache a -1 et image a -2)

Pourquoi ne pas simplement faire le cache directement sur l'image, graphiquement?

Heu, ça marche j'avais tout simplement inversé, alors des fois je beug :)

Merci

Car je n'ai pas qu'une seule image, c'est les images d'un catalogue que je veux afficher!

Bonne soirée

cela m'est arrivé aussi , il faut dire que le systeme d'empilage est inhabituel, on a toujours tendance a mettre 1 pour l'image du dessus alors que c'est l'inverse

J'ai réussit a faire ce que je voulez (ça marche en html), mais quand j'essaie de l'automatiser en php cela ne marche pas. Voici mon code (une partie)

echo '<table border="1">';

while ($prod = mysql_fetch_array($reponse))

{

if($j>$limite-4)

{

if($j<=$limite)

{

$compteurtableau=$compteurtableau+1;

if($compteurtableau==1 OR $compteurtableau==3 )

echo'<tr>';

echo '

<td width="200" height="200" class="tableaucache"><div class="cache"><img src="images/'.$prod['nom'].' (1).jpg" width="120" height="100" alt="Produit"></div></td>';

if($compteurtableau==1 OR $compteurtableau==3 )

echo'<td width="200"> </td>';

if($compteurtableau==2 OR $compteurtableau==$nbrproduitsurpage)

{

if($compteurtableau==2)

{

echo'

</tr>

<tr>

<td height="60"></td>

<td height="60"></td>

<td height="60"></td>

</tr>';

}

else

echo'</tr>';

}

if($compteurtableau==4 OR $compteurtableau==$nbrproduitsurpage)

echo'</tr></table>';

}

}

$j=$j+1;

};

avec:

.cache

{

position:relative;

z-index:-1;

}

.tableaucache

{

color: #006600;

background-image: url(Kit/cache.png);

height:200px;

width: 200px;

}

Mon soucie est le suivant quand je suis sur ma page mon cache s'affiche mais pas d'image, quand j'essaie de sélectionner le tableau une image s'affiche dans 2 cellule du tableau, enfin c'est bizard et ca fait un moment que je cherche sans trouver. si quelqu'un peut m'aider

Je pense pas que le soucie vienne des class car cela marche en html avec un tableau tout simple

MErci

Un peu d'aide?

il manque pas un z index et son positionnement dans .tableaucache ?

Normalement non, le soucie vient pas de la, car quand je fais un tableau normal aves les meme styles cela marche,

Je pense que j'ai un soucie dans l'affichage automatique du tableau nn?

Mais impossible a trouver,

Je crois que cette technique avec les z_index ne marche pas, si quelqu'un connait une autre solution s'il vous plait,

Merci

Personne ne peut m'aider?