|
|
|
Afficher une image a travers un div
| ||||||||
Petit astucien | 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;
}
.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
| |||||||
Publicité | ||||||||
|
| ||||||||
 Astucienne | 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) | |||||||
 Grande Maîtresse astucienne |
| |||||||
Petit astucien | Heu, ça marche j'avais tout simplement inversé, alors des fois je beug :)
Merci | |||||||
Petit astucien | Car je n'ai pas qu'une seule image, c'est les images d'un catalogue que je veux afficher! Bonne soirée | |||||||
| Astucienne | cela m'est arrivé aussi | |||||||
Petit astucien |
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
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
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
| |||||||
Petit astucien | Un peu d'aide? | |||||||
| Astucienne | il manque pas un z index et son positionnement dans .tableaucache ?
| |||||||
Petit astucien | 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, | |||||||
Petit astucien | Je crois que cette technique avec les z_index ne marche pas, si quelqu'un connait une autre solution s'il vous plait,
Merci | |||||||
Petit astucien | Personne ne peut m'aider?
| |||||||
Publicité | ||||||||
|
| ||||||||
| ||||||||
Les bons plans du moment PC Astuces | Tous les Bons Plans | ||||||||||||||||||
| |||||||||||||||||||
| Forum PC Astuces | © 1997-2023 Webastuces |  |
À LA UNE
PRATIQUE
LOGITHÈQUE
TABLETTE ET MOBILE
BONS PLANS
FONDS D'ÉCRAN
JEUX
FORUM
Pourquoi ne pas simplement faire le cache directement sur l'image, graphiquement?
, 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
