PHP Titre a côté image

Bonjour à vous,

J'essaye de mettre un titre a côté de ma grande image, sur une petite galerie dynamique avec galleryview.

J'ai fait cela, tout baigne pour les images mais je titre n'apparaît pas:

 <?php while ($result_image = mysql_fetch_array($requete_image)){  
  $titre = $result_image['titre_image'];   
  $image = $result_image['url_image'];  
  $image_mini = $result_image['url_image_mini'];?>  
         
<ul id="myGallery">  
<li><img frame="images/bibliographie/<?php echo $image;?>" src="images/bibliographie/<?php echo $image;?>" />  
   <div id="text" style="font-size:12px; text-align:right;"><?php echo $titre;?></div>              

<?php  
}  
?>   
</li>  
</ul>   


Merci à vous

11 réponses

  1. Salut,
    Pour écrire du texte à coté d'une image tu as besoin de la propriété CSS : float
    1. En fait j'essaye quelque trucs depuis tout à l'heure, mais soit le titre n'apparaît pas, soit il reste figé à la première entrée de la bdd et ne change pas en fonction des images.

      Je pense que ma structure n'est pas bonne :(
      1. As tu essayer le float ?
    2. Oui cela n'affiche rien.

      Selon comment je place ma div, il reste bloqué sur la dernière entrée de l'image.

      Je pense qu'il n'arrive pas à se fixer en fonction de l'image.
      1. A quoi sert l'attribut frame ? Avec la propriété float, il faut bien évidemment enlever le
        text-align:right;
        
    3. En fait j'ai suivi le tuto de galleryview est c'est comme ça qu'il le présente :(
      1. J'ai fait ceci, mais rien ne s'affiche:

        	<?php while ($result_image = mysql_fetch_array($requete_image)){
        		$titre = $result_image['titre_image']; 
        		$image = $result_image['url_image'];
        		$image_mini = $result_image['url_image_mini'];?>
               
              
               <ul id="myGallery">
                    <li><img frame="images/bibliographie/<?php echo $image;?>" src="images/bibliographie/<?php echo $image;?>" title="<?php echo $titre;?>" />
        
        <div id="text" style="font-size:12px; float:left;"><?php echo $titre;?></div>
                   
        <?php
        }
        ?> 
        </li>
        </ul> 
        </div>
        
        1. C'est plutôt l'image en float ;)
      2. C'est pareil malheureusement, rien ne s'affiche :(
        1. En faite je pense que le float sert à rien étant donné que tu fais appel à GalleryView !
          Essayes de mettre le titre de ton image dans un li
      3. Pareil, sérieux je capte rien, comment ça se fait qu'il me verrouille tout !
        1. Quand on utilise une galerie d'image c'est souvent sa lol
          j'essaye de mon côté en "installant" la galerie et je te tiens au courant ;)
      4. Si je fais cela, on voit bien le titre mais il ne défile pas avec les images, c'est pas la galerie qui n'est pas fait pour ?

        <?php while ($result_image = mysql_fetch_array($requete_image)){
        		$titre = $result_image['titre_image']; 
        		$image = $result_image['url_image'];
        		$image_mini = $result_image['url_image_mini'];?>
               <h1><?php echo $titre;?></h1>
             
               <ul id="myGallery">
               
                    <li><img frame="images/bibliographie/<?php echo $image;?>" src="images/bibliographie/<?php echo $image;?>" title="<?php echo $titre;?>" /></li>
        
        
               
        <?php
        }
        ?> 
        
        </ul> 
        
        1. essayes avec un display block. englobe le titre et l'image dans le même parent.
          1. Je te conseille d'aller voir du côté des Gallery Jquery :

            http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/