Problème d'espace

[Oz-Chan]

Bonsoir !
Je viens vous demander une petite aide.
Sur ma PA, j'ai un espace que je n'arrive pas du tout à supprimer et je ne trouve pas la raison... Vous pouvez le voir ici :

Avez-vous un moyen de le retirer? Car une userbarr au milieu, ce n'est pas du tout esthétique...
Voilà mon HTML

Code:

<img src="http://i78.servimg.com/u/f78/12/80/18/70/ban_pa16.jpg"/><div align="right"><div class="cont"><b>Il y a 107 ans</b><br/><br/>
Autrefois, le monde que nous connaissons était paisible. Déserts ardents, océans démesurés, volcans en éruption ; L'humanité gaspillait les ressources naturelles sans plus y réfléchir. Tout était calme. Jusqu'à ce jour, ce jour où tout a basculé. Cette vie sans souci tourna au cauchemar : des monstres qu’on appela les Titans surgirent de nulle part, plongeant notre existence sereine dans le chaos. Dès lors, ce fût l'enfer. <br/><br/>

Les rares survivants construisirent alors un royaume, protégé par trois murs de plus de cinquante mètres de hauteur, dans l'espoir de recouvrer un chimérique sentiment de sécurité, enfermés dans leur cage de terreur. Ils ne comprirent que trop tôt à quel point, oui, à quel point ils s'étaient bercés d'illusions... </i><br/><br/><a href="http://shingeki-no-kyojin.forumactif.com/t25-contexte"><font color="#995600">Lire la suite.</font></a></div>

<table width="100%" border="0"><tr><td width="60%"><div class="patitre">Liens importants</div><div class="pabox"><img height="50px" width="50px" style="float:right;margin-right:1px;" src="http://i37.servimg.com/u/f37/12/80/18/70/firefo11.png"/><ul><li><a href="http://shingeki-no-kyojin.forumactif.com/t20-reglement">Règlement du forum</a></li>
<li><a href="http://shingeki-no-kyojin.forumactif.com/t30-guide-du-nouvel-arrivant">Guide nouvel arrivant</a></li>
<li><a href="http://shingeki-no-kyojin.forumactif.com/f54-questions-suggestions">Une question?</a></li>
<li><a href="http://shingeki-no-kyojin.forumactif.com/t36-bottin-des-avatars">Bottin des avatars</a></li>
<li><a href="http://shingeki-no-kyojin.forumactif.com/t27-les-groupes">Les différents groupes</a></li>
<li><a href="http://shingeki-no-kyojin.forumactif.com/f56-demandes-de-rp">Demande de RP</a></li>
<li><a href="http://shingeki-no-kyojin.forumactif.com/t41-formulaire-de-partenariat">Envie de devenir partenaire?</a></li></ul></b></div></td>

<td><div class="patitre1"><script type="text/javascript" src="http://tinyurl.com/var-fa"></script> Mais quelles sont les news sur le forum? <span class="USERNAME"></span></div><div class="pabox1"><table width="100%" border="0"><tr><td width="172"><div class="topsite"><center><b>Coup de coeur</b></center><a class="infobulle" href="http://arcana-famiglia.forums-actifs.com"><img class="." src="http://i16.servimg.com/u/f16/12/80/18/70/luxa10.jpg"/>
<a class="infobulle" href="http://pandora-hearts-abyss.forumactif.com"><img class="." src="http://i79.servimg.com/u/f79/17/48/68/27/50x50o10.gif"/>
<a class="infobulle" href="http://kwanitadena.forumactif.org"><img class="." src="http://image.noelshack.com/fichiers/2013/16/1365976853-12.png"/></br>
<a class="infobulle" href="."><img class="." src="http://i78.servimg.com/u/f78/12/80/18/70/coeur_11.jpg"/>
<a class="infobulle" href="."><img class="." src="http://i78.servimg.com/u/f78/12/80/18/70/coeur_11.jpg"/>
<a class="infobulle" href="."><img class="." src="http://i78.servimg.com/u/f78/12/80/18/70/coeur_11.jpg"/>
</div></td></div></td>
<td><div class="nouvelle">
<span class="important">09/08 : </span>Le quizz CB du mois se fera ce dimanche à 20h ! Venez nombreux pour vous amuser !<br/> <br/>
<span class="important">11/07 : </span>Le forum ouvre officiellement ses portes ! N’hésitez pas à vous y inscrire et commencer l'aventure parmi nous ! <br/></div></td></tr></table> </div></td></tr></table>
<table width="100%" border="0"><tr>

<td width="35%"><div class="patitre2">Prédéfinis à adopter ! Cliquez sur l'image pour lire.</div><div class="pabox2"><center>
 <table><tr><td><a class="infobulle" href="http://shingeki-no-kyojin.forumactif.com/t40-01-section-d-exploration#149"><img class="team" src="http://i37.servimg.com/u/f37/12/80/18/70/erwin10.jpg"/>
<span><b>Erwin Smith<br/></b>
LIBRE<br/><br/></span></a></span>

 <td><a class="infobulle" href="http://shingeki-no-kyojin.forumactif.com/t40-01-section-d-exploration#147"><img class="team" src="http://i37.servimg.com/u/f37/12/80/18/70/connie10.jpg"/>
<span><b> Connie Springer<br/></b>
LIBRE<br/><br/></span></a></span></td>

<td><a class="infobulle" href="http://shingeki-no-kyojin.forumactif.com/t40-01-section-d-exploration#148"><img class="team" src="http://i37.servimg.com/u/f37/12/80/18/70/hansie11.jpg"/>
<span><b>Hansie Zoé<br/></b>
LIBRE<br/><br/></span></a></span></td>

<td><a class="infobulle" href="http://shingeki-no-kyojin.forumactif.com/t40-01-section-d-exploration#150"><img class="team" src="http://i74.servimg.com/u/f74/12/80/18/70/petra_10.jpg"/>
<span><b>Petra Ral</b>
<br/>LIBRE<br/><br/></span></a></span>
</td></tr>

 <tr><td><a class="infobulle" href="http://shingeki-no-kyojin.forumactif.com/t40-01-section-d-exploration#140"><img class="team" src="http://i78.servimg.com/u/f78/12/80/18/70/sacha10.jpg"/>
<span><b>Sacha Brauss</b>
<br/>
LIBRE<br/><br/></span></a></span></td>

<td><a class="infobulle" href="http://shingeki-no-kyojin.forumactif.com/t42-02-unite-de-garnison-speciale#129"><img class="team" src="http://i37.servimg.com/u/f37/12/80/18/70/hannes10.jpg"/>
<span><b>Hannes</b><br/>
LIBRE<br/><br/></span></a></span></td>

<td><a class="infobulle" href="http://shingeki-no-kyojin.forumactif.com/t42-02-unite-de-garnison-speciale#131"><img class="team" src="http://i37.servimg.com/u/f37/12/80/18/70/pixis_10.jpg"/>
<span><b>Dot Pixis<br/></b>
LIBRE<br/><br/></span></a></span></td>

<td><a class="infobulle" href="http://shingeki-no-kyojin.forumactif.com/t42-02-unite-de-garnison-speciale#127"><img class="team" src="http://i78.servimg.com/u/f78/12/80/18/70/annie10.jpg"/>
<span><b>Annie Leonhardt
<br/></b>
LIBRE
<br/><br/></span></a></span></td></tr><a href="http://shingeki-no-kyojin.forumactif.com/f41-predefinis-de-shingeki">Prédéfinis de Shingeki</a> & <a href="http://shingeki-no-kyojin.forumactif.com/f42-predefinis-du-forum">Prédéfinis du forum</a></table>

<td width="35%"><div class="patitre3">La team veillant sur vous.</div><div class="pabox3"></br><div align="center"><a class="infobulle" href="http://shingeki-no-kyojin.forumactif.com/u4"><img class="team" src="http://i78.servimg.com/u/f78/12/80/18/70/solvei10.jpg"/></a></span> <a href="http://shingeki-no-kyojin.forumactif.com/u3"><img class="team" src="http://img11.hostingpics.net/pics/554895KazamaChikagehakuouki34104480100100.png"/></a></span> <a href="http://shingeki-no-kyojin.forumactif.com/u2"><img class="team" src="http://i78.servimg.com/u/f78/12/80/18/70/armin10.jpg"/></a></span></div></td></div>

et mon CSS

Je vous remercie beaucoup !

Code:

/* --- PA --- */

#menupa ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#menupa li { float: left; margin: auto; padding: 2; }

.cont {
  color: #000000;
  width: 240px;
    height: 180px;
  overflow: auto;
  margin: -195px 560px 15px 0;
  text-align: justify;
}

.team {
  padding: 2px;
  border: 1px solid #FFFFFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.team:hover { border: 1px solid #FFBC78; }

.nouvelle {
  height: 110px;
  width: 300px;
  overflow: auto;
  padding-left: 5px;
  padding-right: 1px;
  border-left: 5px dotted;
}
.topsite{
  padding-right: 2px;
  text-align: left;
}


.patitre {
    width: 240px;
  border: 1px solid #ffffff;
  border-top: 3px solid #ffffff;
  -moz-border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
    background-image: url("http://i48.servimg.com/u/f48/15/78/85/68/bg_top14.png");
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.patitre1 {
  width: 570px;
  border: 1px solid #ffffff;
  border-top: 3px solid #ffffff;
  -moz-border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
    background-image: url("http://i48.servimg.com/u/f48/15/78/85/68/bg_top14.png");
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}

.patitre2 {
    width: 455px;
  border: 1px solid #ffffff;
  border-top: 3px solid #ffffff;
  -moz-border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
    background-image: url("http://i48.servimg.com/u/f48/15/78/85/68/bg_top14.png");
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;}
.patitre3 {
    width: 355px;
  border: 1px solid #ffffff;
  border-top: 3px solid #ffffff;
  -moz-border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
    background-image: url("http://i48.servimg.com/u/f48/15/78/85/68/bg_top14.png");
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}

.pabox {
    height:130px;
  width: 220px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background-image: url("http://i78.servimg.com/u/f78/18/37/45/14/crazyk13.jpg");
  text-align: justify;
}
.pabox2 {
    height:140px;
    width: 435px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background-image: url("http://i78.servimg.com/u/f78/18/37/45/14/crazyk13.jpg");
  text-align: justify;
}
.pabox3 {
    height:140px;
    width: 335px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background-image: url("http://i78.servimg.com/u/f78/18/37/45/14/crazyk13.jpg");
  text-align: justify;
}

.pabox1 {
  height:130px;

  padding: 5px 65px 5px 10px;
  border: 1px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background-image: url("http://i78.servimg.com/u/f78/18/37/45/14/crazyk13.jpg");
  text-align: justify;
}


a.infobulle { position: relative; }
a.infobulle span { display: none; }
a.infobulle span { display: none; z-index: 999; }
a.infobulle:hover { background: none; z-index: 999; }
a.infobulle:hover span { display: inline; position: absolute; white-space: nowrap;
  top: 15px; left: 15px; padding: 3px;
  background-image: url("http://i78.servimg.com/u/f78/18/37/45/14/crazyk13.jpg"); color: #FFFFFF;
  border: 1px solid #ffffff;
  border-right: 3px solid #ffffff;
  border-left: 3px solid #ffffff;
  padding: 3px; text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-transform: none; }

.rp
{
  width: 570px;
  background-color:#000000;
  padding:10px;
  text-align:justify;
  border-radius:15px;
  border-top:10px solid #ffffff;
  border-bottom:10px solid #ffffff;
  font-size:12px;
  font-family:georgia;
  font-style:italic;
  color:#ffffff;}
.rp1
{
 
 margin-top: -18px;
  text-align: center;
  font-size: 20px;
  text-shadow: black 1px 1px 2px;}
.rp2
{
  font-family: georgia;
  font-size: 14px;
  font-style: bold;
  color: gold;}

Merci pour votre future aide ! ^w^

[ThePassionOfGaming]

Bonjour,

Je ne comprend car vous avez entourez du noir??

[Self]

Bonjour.

Auriez vous un lien vers le forum ou ce problème est constaté ?

Cordialement .

[Oz-Chan]

Bonsoir,
Justement ! C'est de l’espace que j'aimerai retirer. Que le texte soit plus étirer sur la droite ! ^^
et voici le lien http://shingeki-no-kyojin.forumactif.com/
Merci de votre aide.

[Self]

Bonsoir .

Ajouter le code suivant à votre CSS:

Code:

.pabox1{
padding-right:0px;
width:495px}
.patitre1{
width:505px}

Cordialement

[Oz-Chan]

Bonsoir !
Du coup, l'espace est de l'autre côté... =/

[Self]

Bonsoir.

Remplacé le code que je vous ai donner par celui-ci:

Code:

.pabox1{
padding-right:0px;
width:495px;
margin-left:-60px}
.patitre1{
width:505px;
position:relative;
left:-60px}

Cordialement .

[Oz-Chan]

On y est presque ! Encore deux petits problèmes que j'ai entouré là ^^

[Self]

Bonsoir .

A gauche vous ne voulais vraiment aucun espace du tout ?
Avez appliquez exactement le code que je vous ai donner en supprimant le précédent ?

Cordialement .

[Oz-Chan]

Bonsoir,

J'aimerais avoir exactement le même espace que celui d'en dessous ! Un tout petit quoi. ^^
et oui, j'ai bien mis les codes que vous m'avez donné. Juste changé la valeur de la box pour qu'elle soit égale à celle d'en dessous !

Code:

.patitre1 {
  width: 505px;
  position:relative;
left:-60px;
  border: 1px solid #ffffff;
  border-top: 3px solid #ffffff;
  -moz-border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
    background-image: url("http://i48.servimg.com/u/f48/15/78/85/68/bg_top14.png");
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
 
}
.pabox1 {
  height:130px;
width:555px;
  padding: 5px 65px 5px 10px;
  padding-right:0px;
  margin-left:-60px
  border: 1px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background-image: url("http://i78.servimg.com/u/f78/18/37/45/14/crazyk13.jpg");
  text-align: justify;
}

Encore merci !

[Oz-Chan]

J'ai réglé le problème du petit espace !
Par contre, je n'avais pas vu sur mon précédent screen. Mais l'espace que je voulais retirer touuut au début et revenu =/

[Self]

Bonsoir à la taille ou vous le voulais le code que je vous ai donné donnrais plutôt sa:

Code:

.pabox1{
padding-right:0px;
width:555px;
margin-left:-5px}
.patitre1{
width:565px;
position:relative;
left:-5px}

 Du coup il est normal d'avoir un petit vide a droite .

Cordialement .

[Oz-Chan]

Edit:
Yahou c'est bon ! J'ai pu faire les finitions toute seule.
Je vous remercie de votre aide ! =)

[Self]

Comprenez que si le container est plus grands que son contenu il y à forcément un espace X) .

Cordialement .