[RESOLU] Faire un tableau avec retour dés 4 cellules de suite

Faire un tableau avec retour dés 4 cellules de suite [RESOLU] - HTML/CSS - Programmation

Marsh Posté le 02-03-2008 à 15:35:22    

Bonjour,
 
Je me trouve devant un problème actuellement :
Je veux afficher une image puis un nom en ecriture juste en dessous de l'image.  
Pour cela j'avais commencé par faire un tableau MAIS comme je recupere mes données d'une requete SQL je me retrouve avec cela :
http://img115.imageshack.us/img115/2676/54838939ju7.jpg
 
Or actuellement ça me fait cela :
http://img530.imageshack.us/img530/1425/24070631fa9.jpg
 
 
--> Donc comment faire pour mettre une image et un nom en dessous ; tout en ayant un retour à la ligne dés que ca fait 4 cellules d'affiché sur la même ligne.
 
 
Merci BEAUCOUP par avance.


Message édité par jojo023 le 03-03-2008 à 18:05:40
Reply

Marsh Posté le 02-03-2008 à 15:35:22   

Reply

Marsh Posté le 02-03-2008 à 16:05:42    

float:left


---------------

Reply

Marsh Posté le 02-03-2008 à 19:01:30    

Salut flo850,
 
Alors j'ai utiliser ceci sur la page http://www.the-asw.com/post/2005/0 [...] oat-en-css :
 

Citation :

<div class="galerie">
 <div class="boîte">boîte 1</div>
 <div class="boîte">boîte 2</div>
 <div class="boîte">boîte 3</div>
 <div class="boîte">boîte 4</div>
 <div class="boîte">boîte 5</div>
 
 <hr class="clear" />
</div>


 

Citation :

.galerie {
 background : #ccc;
 width : 360px; /* (50 + (5 * 2) + 10) * 5 + 10 */
}
.boîte {
 background : #69c;
 
 float : left;
 margin : 10px 0 10px 10px;
 padding : 5px;
 width : 50px;
 
 text-align : center;
}
.clear {
 clear : both;
 visibility : hidden;
}


 
 
Donc c'est ce qu'il me faut je pense, mais un problème : je souhaite afficher une image ET en dessous un texte qui lui est rattachée (j'avais utilisé des table, td et tr mais ça ne marche plus apres quand je mes un div autour).
 
Merci encore

Reply

Marsh Posté le 02-03-2008 à 19:10:17    

Ha c'est bon j'ai compris comment faire.
 
Merci beaucoup tres franchement, ca me sera d'une grande aide.

Reply

Marsh Posté le 02-03-2008 à 19:27:56    

impeccable  
:jap:


---------------

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed