Probleme display:inline-table; avec images
bonjour à tous, je suis entrain de créer une application de gestion d'images et album photo . sur le profil de mes membres apparaitront leurs dernières photos ajoutées .
En developpant la partie qui affiche les dernieres photos sur le profil, je m'apperçois que le display:inline-table; que j'ai mis pour ce block n'est pa pris en compte, ayant cherché pendant une heure mon problème, je m'adrese à vous .
css :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
|
.inscd
{background:url("template/img/haut-gauche.gif") no-repeat;position:relative;top:10px;}
.inscdd
{background:url("template/img/haut-droit.gif") no-repeat;position:relative; position:relative;top:-50px;left:870px;}
.inscddd
{background:url("template/img/bas-gauche.gif") no-repeat;position:relative; position:relative;top:-60px;left:0px;z-index:0;}
.inscdddd
{background:url("template/img/bas-droit.gif") no-repeat;position:relative; position:relative;top:-120px;left:870px;z-index:0;}
.inscd, .inscdd, .inscddd, .inscdddd
{height: 30px; width: 30px;}
.haut-insc
{width:850px;height:30px;background-color:#ddd;position:relative; position:relative;top:-20px;left:30px;}
.bas-insc
{width:846px;height:30px;background-color:#ddd;position:relative; position:relative;top:-90px;left:30px;z-index:0;}
.info .image-profil
{display:inline-table;width:120px;border:5px solid #666666;} |
html
Code:
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
|
<div id="infos" class="inline">
<div class="compted"></div><div class="haut-compte"></div><div class="comptedd"></div>
<div class="infos">
<h1>Dernières photos dans la gallerie de <?php echo $m['pseudo']; ?></h1>
<?php
$ident=$m['id'];
$images=mysql_query("SELECT * FROM gallerie WHERE id_membre='$ident'");
$img_row=mysql_num_rows($images);
if ($img_row!="")
{
while ($img=mysql_fetch_array($images))
{
?>
<div class="image-profil">
<?php
echo '<p><img src="com/gallerie/photos/'.$img['nom'].'" width="100" height="100" /></p>';
?>
</div>
<?php
}
}
else
{
echo '<p><b>Aucune photos dans l\' album de '.$m['pseudo'].' !</b></p>';
}
?>
</div>
<div class="compteddd"></div><div class="bas-compte"></div><div class="comptedddd"></div>
</div> |
Merci énormement pour votre aide par avance ;)