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.

[Bisûnûrs]

Salut et bienvenue sur les forums.

Enlève le <br /> entre les <tr> qui n'a rien à faire là et enlève le padding:10px de ton CSS qui forcément crée un espace.

[nass94]

Merci Bisûnûrs,
la balise <br> me permet de faire un saut de ligne entre mes 2 lignes d'informations qui sont lier à chaque images. Par contre, en retirant padding je décale chaque block, mais l'espace entre les div reste toujours.

[Bisûnûrs]

Tu as aussi des margin-top et margin-bottom à supprimer ...

Le mieux serait que tu nous donnes une page en ligne qu'on puisse tester plus facilement.

[nass94]

Désolé ma page n'est pas en ligne, par contre la partie que j'ai publié est totalement indépendante du reste de la page.

[Bisûnûrs]

La partie que tu as publié n'est pas utilisable pour nous (reste de PHP et de template). Donc pour qu'on puisse t'aider correctement il nous faut un code clef en main, c'est à dire qu'on puisse copier/coller dans un fichier HTML sans avoir à faire de retouche.