Bonjour,
J'ai un problème d'alignement d'image dans un <div> entre safari 5.2 et Firefox 5.
le lien
L'image centrale correspond a la ligne 1
L'image miniature correspond a l'avant derniere ligne
Code : PHP -
avec mon css:
Code : CSS - Sélectionner
Je ne sais pas ce que ça donne sous IE car je suis sur mac, pour le moment j'aimerais corriger le problème firefox safari, si jamais vous voyez un décalage sous IE je suis preneur aussi.
Merci de m'aider a corriger ce problème
Modifié par bondi2026 (28 Jul 2011 - 09:38)
J'ai un problème d'alignement d'image dans un <div> entre safari 5.2 et Firefox 5.
le lien
L'image centrale correspond a la ligne 1
L'image miniature correspond a l'avant derniere ligne
Code : PHP -
<a href="#_" onclick="document.getElementById('dialog').style.display='block';"><img id="big_image" src="<?php echo SITE_URL.'upload/'.$row['img_file'];?>" alt="Picture Display" width="293" height="177" border="0" style="margin-left:9px; margin-top:2px;" /></a>
<div id="dialog" class="dialog_border" style="display:none;left:40px;">
<h2 class="dialog_title"><span>Voir la Gallerie</span></h2>
<div class="dialog_content">
<div align="center" style="padding:10px;">
<img id="bigger_image" src="<?php echo SITE_URL.'upload/'.$row['img_file'];?>" alt="Picture Display" width="300" height="250" border="0" />
</div>
<div class="dialog_bottom">
<span class="blueButton"><a href="#_" onclick="document.getElementById('dialog').style.display='none';" style="padding: 6px 6px;">Close</a></span>
</div>
</div>
</div>
</td>
</tr>
</table></td>
</tr>
<tr>
<td class="heading_txt" style="padding-top:50px; padding-left:25px;">Les plus votés</td>
</tr>
<tr>
<td valign="top" style="padding-left:28px; padding-top:11px;"><table width="377" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<div>
<?php
$res = mysql_query($sql4) or die($sql4.' '.mysql_error());
$winners = array();
if(mysql_num_rows($res) >= 1)
{
$i = 0;
while($row = mysql_fetch_assoc($res))
{
?>
<div style="float:left;width:98px;border:1px solid #000;">
<div align="center"><strong><?php echo $row['first_name']; ?></strong></div>
</div>
<?php
if($i < 2)
{
?>
<div style="float:left;width:38px;"> </div>
<?php
}
?>
<?php
$i++;
}
?>
<div style="clear:left;height:0px;"> </div>
<?php
}
?>
</div>
</td>
</tr>
<tr>
<td colspan="3">
<div>
<div style="height:18px;"> </div>
<?php
$res = mysql_query($sql3) or die($sql3.' '.mysql_error());
$winners = array();
if(mysql_num_rows($res) >= 1)
{
$count = 0;
while($row = mysql_fetch_assoc($res))
{
$padding_left = "";
if($count == 0)
{
$padding_left = "padding-left:1px;";
}
if($count >= 1)
{
$padding_left = "padding-left:5px;";
}
?>
<div style="float:left;width:95px;<?php echo $padding_left; ?>">
<div id="ie" align="left" class="body_txt"><a href="#_" onclick="showHideImage('<?php echo SITE_URL.'upload/'.$row['img_file'];?>');"><img src="<?php echo SITE_URL.'upload/'.$row['img_file'];?>" width="95" height="95" border="0" /></a></div>
</div>
avec mon css:
Code : CSS - Sélectionner
#ie {
margin-top:-5px !important;
margin-top:2px;
}
Je ne sais pas ce que ça donne sous IE car je suis sur mac, pour le moment j'aimerais corriger le problème firefox safari, si jamais vous voyez un décalage sous IE je suis preneur aussi.
Merci de m'aider a corriger ce problème
Modifié par bondi2026 (28 Jul 2011 - 09:38)