PHP Titre a côté image

Solar13 Messages postés 214 Statut Membre -  
Raydenprod Messages postés 85 Statut Membre -
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

Melooo Messages postés 1476 Statut Membre 84
 
Salut,
Pour écrire du texte à coté d'une image tu as besoin de la propriété CSS : float
0
Solar13 Messages postés 214 Statut Membre
 
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 :(
0
Melooo Messages postés 1476 Statut Membre 84
 
As tu essayer le float ?
0
Solar13 Messages postés 214 Statut Membre
 
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.
0
Melooo Messages postés 1476 Statut Membre 84
 
A quoi sert l'attribut frame ? Avec la propriété float, il faut bien évidemment enlever le
text-align:right;
0
Solar13 Messages postés 214 Statut Membre
 
En fait j'ai suivi le tuto de galleryview est c'est comme ça qu'il le présente :(
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Solar13 Messages postés 214 Statut Membre
 
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>
0
Melooo Messages postés 1476 Statut Membre 84
 
C'est plutôt l'image en float ;)
0
Solar13 Messages postés 214 Statut Membre
 
C'est pareil malheureusement, rien ne s'affiche :(
0
Melooo Messages postés 1476 Statut Membre 84
 
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
0
Solar13 Messages postés 214 Statut Membre
 
Pareil, sérieux je capte rien, comment ça se fait qu'il me verrouille tout !
0
Melooo Messages postés 1476 Statut Membre 84
 
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 ;)
0
Solar13 Messages postés 214 Statut Membre
 
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> 
0
Raydenprod Messages postés 85 Statut Membre 4
 
essayes avec un display block. englobe le titre et l'image dans le même parent.
0
Solar13 Messages postés 214 Statut Membre
 
Idem, franchement, tu ne connaîtrais pas une galerie où je pourrais faire la même chose, je suis en train de devenir fou avec celle là.

J'aimerai juste faire ça:

http://spaceforaname.com/galleryview/demo-details.html

Avec le titre de l'image à droite de la grande.
0
Raydenprod Messages postés 85 Statut Membre 4
 
Je te conseille d'aller voir du côté des Gallery Jquery :

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