[Résolu] élément auteur et figure

bonjours j'ai ce code :

<!--Début Du Forum-->
<nav><ol class="forum">
<li>
<div class="forum-titre-index">
<h3 class="forum-titre-index-categorie">systéme</h3>
<p class="forum-titre-index-discussions-messages">discussions / messages</p>
<p class="forum-titre-index-auteur">auteur</p>
<p class="forum-titre-index-dernier-message">dérnier message</p>
</div>

<nav><ol class="forum-categorie">
<li>
<div class="forum-index">
<div class="forum-index-systeme"><span class="icon-forum-lu"></span></div>
<h3 class="forum-index-categorie">windows </h3>
<dl class="forum-index-discussions-messages forum-stats"><dt>discussions :</dt><dd>20</dd>
<dt>message :</dt><dd>10</dd></dl>
<figure class="forum-index-auteur photo-forum"><span class="icon-avatar-forum-homme"></span></figure>
<div class="forum-index-dernier-message"><h3>titre du topic</h3> le <time datetime="2012-02-11">11 février 2012</time> Par <span>pseudo</span></div>
</div>
</li>
</ol></nav>
</li>
</ol></nav>
<!--Fin Du Forum-->

et son css

/*******************Début des cadres forum***************************************************************/
	  .forum
	  {
	  margin-top:1em;
/*	  margin-bottom:1.5em;*/
/*	  margin-top:10px;*/
/*	  margin-bottom:10px;*/
	  }

	  .forum li
	  {
	  margin-bottom:1em;
/*	  margin-bottom:10px;*/
	  list-style:none;
      border:#CCCCCC 1px solid;
	  }
	  .forum-index
	  {
	  display:flex;
	  }
	  .forum-titre-index p, .forum-index div, .forum-index p, .forum-index h3, .forum-index dl
	  {
	  border-left:1px solid #CCCCCC;
	  }

	  .forum-index div
	  {
	  padding:1em;
	  }

	  .forum-index-dernier-message h3, .recherche-index-dernier-message h3
	  {
	  padding:0;
	  margin-bottom:1em;
	  border:0;
	  }

	  .forum-index div:first-child, .forum-index p:first-child
	  {
	  border-left: 0;
	  }
/*******************Fin des cadres forum*****************************************************************/
	  .forum-titre-index
	  {
	  display:flex;
	  font-weight:700;
	  }
	  .forum-categorie li
	  {
	  border:0px;
	  border-top:#CCCCCC 1px solid;
	  margin:0em;
/*	  margin:0px;*/
	  }
	  .forum-index
	  {
	  display:flex;
	  }
	  
	  .forum-titre-index p,.forum-index-auteur
	  {
	  border-left:1px solid #CCCCCC;
	  }
	  .forum-index div
	  {
	  padding:1em;
	  }
	  .forum-index-dernier-message h3
	  {
	  padding:0;
	  margin-bottom:1em;
	  border:0;
	  }



/*******************Début des détaille du forum titre index****************************************************/

	  .forum-titre-index-categorie:nth-child(1)
	  {
	  order:1;
	  flex:1;
	  }
	  
	  .forum-titre-index-discussions-messages:nth-child(2)
	  {
	  order:2;
/*	  min-width:230px;*/
	  min-width:14em;
	  }
	  
	  .forum-titre-index-auteur:nth-child(3)
	  {
	  order:3;
/*	  min-width:102px;*/
	  min-width:8em;
	  }
	  
	  .forum-titre-index-dernier-message:nth-child(4)
	  {
	  order:4;
/*	  width:200px;*/
	  width:20em;
	  }

/*******************Fin des détaille du forum titre index******************************************************/
/*******************Début des détaille du forum index****************************************************/
	  .forum-index-systeme:nth-child(1)
	  {
	  order: 1;
/*	  width:40px;*/
	  width:4em;
	  }
	  
	  .forum-index-categorie:nth-child(2)
	  {
	  order: 2;
	  flex:1;
	  }
	  
	  .forum-index-discussions-messages:nth-child(3)
	  {
	  order: 3;
/*	  min-width:230px;*/
	  min-width:14em;
	  }

	  .forum-index-auteur:nth-child(4)
	  {
	  order: 4;
/*	  min-width:102px;*/
	  min-width:8em;
	  }

	  .forum-index-dernier-message:nth-child(5)
	  {
	  order: 5;
/*	  width:200px;*/
	  width:20em;
	  }
/*******************Fin des détaille du forum index****************************************************/
	  figure
	  {
      border:#CCCCCC 1px solid;
	  margin:0;
/*	  background-color:#CCCCCC;*/
	  }
	  .photo-forum
	  {
	  margin:1em;
/*	  height:4em;*/
	  }

tout fonctione

sauf la balise figure que je n'arrive pas à mettre un margin :1em

malgré plussieur teste

.forum-index-auteur:nth-child(4) figure
etc...

donc je ne trouve pas comment mettre un marging 1em sur

.photo-forum
	  {
	  margin:1em;
/*	  height:4em;*/
	  }

sur la balise figure

merci

ivan75 a écrit :

... donc je ne trouve pas comment mettre un margin 1em sur

.photo-forum
	  {
	  margin:1em;
	  }

sur la balise figure

Il y a bien un margin de 1em autour de figure...

arff

sur mon forum ne veux pas se décoller

il reste coller et quand je met ce margn ca plante le cadre

je ne vois pas ou est le souci

j'ai trouvé

encore une fois l'eleve dépasse le maître

Salut ivan,
Tu as trouvé, c'est bien...
Mais si tu nous expliquais le pourquoi du comment, pour que ça semble moins magique et puisse servir à d'autres alsanautes ?