Hi everyone, i will try to explain this the best way i can. I am building a shopping website and i need to display new items and pictures on the home page in some kind of gallery that scrolls left to right on mouse over.
The gallery fetches images from a database using PHP and loops them out into a straight line. However i wanted to include the product details right below the image. The order is like this:
<div [I]// wrapper div[/I]>
<div>
[I]// product image goes here[/I]
</div>
<div>
[I]// product details go here[/I]
</div>
</div [I]// end of wrapper div[/I]>
i achieved this very well in firefox browsers and IE7 and above but IE6 is giving me a headache!!! can anyone please tell me what is wrong? The real script is here this:
// after using mysqli_query to $getImages //
while($row = $getImages->fetch_assoc()) {
echo "<div style='display:inline-block;height:130px;position:relative;'>".
"<div style=' height:150px; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;'>".
"<a href='#'>";
echo "<img src='http://mysite.com/IMAGES/products/large/".$row["image"]."' id='img_product_".$i."' border='0' >".
"</a>".
"</div>".
[I][B]// This is what i was trying to add //[/B][/I]
"<div style='display:absolute; bottom:0px; height:50px; border-right:1px solid #CCCCCC; background:#F4F4F4;'>".
"<p style='font-size:10px; margin-left:23px;'>".$row["product_name"]."<br> <strong>$".$row["product_price"]."</strong><br>in ".$row["product_category"]."</p>".
"</div>".
"</div>";
$i++;
}
Firefox displays the images just fine (horizontally) but IE6 displays them vertically. Please help!!!!!! THANK YOU!!!!