Voila en fait j'e cré un div dans lequel j'affiche plein de miniatures.
Mon div n'as pas de hauteur definie, il devrait donc s'elargir en fonction des miniatures contenues dans celui-ci.
Probleme, sous firefox, les miniatures ne s'affichent pas dans le div mais en dessous tandis que sous ie tout marche bien.
Je vous met le code:
Le div conteneur
Code :
- #middlecontent{
- margin: 0 auto;
- width: 680px;
- border: 1px solid red;
- background: white url(./img/middlecontent.jpg);
- text-align: left;
|
Le CSS de la gallerie
Code :
- div#footer {clear: both; padding-top: 3em;
- font: 85% Verdana, sans-serif;}
- div.pic {float: left; height: 140px;
- padding: 15px; margin: 5px 3px; background: white;
- border: 1px solid; border-color: #AAA #444 #444 #AAA; text-align: center; }
- div.pic img {border: 1px solid; border-color: #444 #AAA #AAA #444; }
- div.ls img {height: 96px; margin: 10px 0;}
- div.pt img {height: 138px; margin: 0 5px;}
- div.pic ul {display: none;}
|
Probleme, sous firefox, les miniatures ne s'affichent pas dans le div mais en dessous tandis que sous ie tout marche bien.
Je vous met le code:
Le div conteneur
Code :
- #middlecontent{
- margin: 0 auto;
- width: 680px;
- border: 1px solid red;
- background: white url(./img/middlecontent.jpg);
- text-align: left;
|
La gallerie
Code :
- <?php
- $lettre=$_GET['lettre'];
- include_once('connexion.php');
- $req="SELECT vip_numero, vip_nom, vip_prenom FROM VIP where vip_nom like '".$lettre."%';";
- $results=mssql_query($req);
- while ($row=mssql_fetch_array($results))
- {
- $nom=$row['vip_nom'];
- $prenom=$row['vip_prenom'];
- $id=$row['vip_numero'];
- $reqimage="SELECT photo_numero, photo_adresse FROM PHOTO where vip_numero=".$id.";";
- $resultimage=mssql_query($reqimage);
- $rowimage=mssql_fetch_array($resultimage);
- ?>
- <div class="pic ls"><a href="orig/img01.jpg" class="tn">
- <img height="120px" src="../Images/<?php echo $rowimage['photo_adresse']; ?>"></a>
- <br /><a href="index.php?page=affichestar&idVip= <?php echo $id; ?>"><?php echo $nom.' '.$prenom; ?></a>
- </div>
|
