Discussion :

[nass94]

Bonjour,
je souhaite rapprocher deux div poser l'une en dessous de l'autre et cela en réduisant l'espace entre ces div mais je n'arrive pas.
j'ai joint une image à ce message où en peut voir l'espace (représenter par deux lignes noirs) entre ces deux lignes d'informations (image, pseudo, nb points ...), ainsi que le code html et css.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<div class="divbox4_1">
  <fb:profile-pic uid="'.$friendL['U'].'" linked="false" useyou="false"                            size="square" width="30" height="30" /></div>
    <div class="divbox4_2">
      <table cellspacing="0" cellpadding="0" width="200">
        <tr>
          <td width="50%"><span class="Text Orange">'.makeNumberFormat($cool->getUserRanking($friendL['U']), $lang).'</span></td>          
          <td width="50%"><span class="Text Orange">'.makeNumberFormat($friendL['S'],$lang).' pts</span></td>
        </tr><br />
        <tr>
          <td width="50%"><span class="'.$itsme.'">'.($fbUserID==$friendL['U'] ? $config['me'] : '<fb:name uid="'.$friendL['U'].'"/>').'</span></td>
          <td width="50%"><span style="color:#3B5998" class="Text Orange">'.$gradeselected->name.'</span></td>
        </tr>
      </table>
    </div>

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
.divbox4 { background: #FFFFFF; overflow:auto; height:400px;}
.divbox4_1 { background#FFFFFF; position: relative; padding: 10px;                                                                            margin-top: 10px; width: 1%;  float: left; height:23px;}
.divbox4_2 { background#FFFFFF; position: relative;  width: 30%;   margin-left: 45px; margin-bottom: 10px; height:50px;}

Merci de votre aide.