Positionner 3 div dans un seul div

Fermé

touta_touta Messages postés 337 Date d'inscription mercredi 7 août 2013 Statut Membre Dernière intervention 8 avril 2016 - 28 déc. 2015 à 14:09
touta_touta Messages postés 337 Date d'inscription mercredi 7 août 2013 Statut Membre Dernière intervention 8 avril 2016 - 28 déc. 2015 à 14:59

Bonjour,

je voudrais créér un menu contenant des element dont chaque element a une image et l'ombre d'une image (l'ombre et une image depuis photoshop) et sous l'image un text ,j'ai fait 3div :un pour l'image , un pour l'ombres et un pour le text ,je voudrais que ces 3 div soit l'un sous l'autre mais je sais pas comment faire ,merci de m'aider :)
voila mon code <div class="categorie">
<div class="photos">
<ul>
<li> <img src="images/tel.png" /><br /></li>
<li> <img src="images/tab.png" /><br /></li>
<li> <img src="images/bl.png" /><br /></li>
<li> <img src="images/mp3.png" /><br /></li>
<li> <img src="images/jeu.png" /><br/></li>

</ul>

</div>
<div class="ombres">
<ul>
<li> <img src="images/ombre1.png" /></li>
<li> <img src="images/ombre1.png" /></li>
<li> <img src="images/ombre1.png" /></li>
<li> <img src="images/ombre1.png" /></li>
</ul>

</div>
<div class="textos">
<ul>
<li> Téléphone</li>
<li> Tablette</li>
<li> Bleutooth</li>
<li> Kit mp3</li>
<li> Console jeu</li>

</ul>

</div>
</div>

</div>

A voir également:

Positionner 3 div dans un seul div
Picasa 3 - Télécharger - Albums photo
Photorecit 3 - Télécharger - Visionnage & Diaporama
Son dans un seul écouteur avec fil - Forum Audio
Ai suite 3 download - Télécharger - Optimisation
Mon son augmente tout seul xiaomi - Forum Audio

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38316 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 29 novembre 2024 4 705
28 déc. 2015 à 14:14

Bonjour,
regardes du côté de la propriété display
https://www.w3schools.com/cssref/pr_class_display.asp

PS: Pour poster du code sur le forum.. merci d'utiliser la coloration syntaxique (les balises de code).
Explications disponibles ici : https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
Merci d'y penser la prochaine fois.

touta_touta Messages postés 337 Date d'inscription mercredi 7 août 2013 Statut Membre Dernière intervention 8 avril 2016 6
28 déc. 2015 à 14:21

bonjour ,merci je vais voir , a propos la coloration je fait toujours la coloration mais je sais pas pourquoi ça n'arrive pas .

jordane45 Messages postés 38316 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 29 novembre 2024 4 705 > touta_touta Messages postés 337 Date d'inscription mercredi 7 août 2013 Statut Membre Dernière intervention 8 avril 2016
28 déc. 2015 à 14:23

Il faut placer ton code ENTRE les balises

<code html>
<div class="categorie">
</code>

Ce qui donne

<div class="categorie">

touta_touta Messages postés 337 Date d'inscription mercredi 7 août 2013 Statut Membre Dernière intervention 8 avril 2016 6
28 déc. 2015 à 14:59

j'ai testé display:block; mais rien n'est changé , dans quel classe faut il le placer exactement?

Réponse 2 / 2

touta_touta Messages postés 337 Date d'inscription mercredi 7 août 2013 Statut Membre Dernière intervention 8 avril 2016 6
Modifié par jordane45 le 28/12/2015 à 14:22

<div class="categorie">
  <div class="photos">
  <ul>
   <li> <img src="images/tel.png" /><br /></li>
   <li> <img src="images/tab.png" /><br /></li>
   <li> <img src="images/bl.png" /><br /></li>
   <li> <img src="images/mp3.png" /><br /></li>
   <li> <img src="images/jeu.png" /><br/></li>

  </ul>

  </div>
  <div class="ombres">
  <ul>
   <li> <img src="images/ombre1.png" /></li>
   <li> <img src="images/ombre1.png" /></li>
   <li> <img src="images/ombre1.png" /></li>
     <li> <img src="images/ombre1.png" /></li>   
  </ul>

  </div>
  <div class="textos">
  <ul>
   <li> Téléphone</li>
   <li> Tablette</li>
   <li> Bleutooth</li>
   <li> Kit mp3</li>
   <li> Console jeu</li>

  </ul>
  
  </div>
 </div>
  
</div>

EDIT : J'ai remis en place les balises de code ! (jordane)
Nb: Il faut placer ton code ENTRE les balises !!!!

Discussions similaires

Que signifie cet emoji :3

Un seul de mes écouteurs marche. Que faire ?

Que peut faire 3fois/j un homme, mais qu'1fois/j une femme

Signification de " :3 "

comment remplacer un #div/0! par une cellule vide