Problème d'espace

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème d'espace

Message par Oz-Chan le Ven 9 Aoû 2013 - 17:52

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^

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'espace

Message par ThePassionOfGaming le Ven 9 Aoû 2013 - 18:08

Bonjour,

Je ne comprend car vous avez entourez du noir??

ThePassionOfGaming
*****

Masculin
Messages : 652
Inscrit(e) le : 23/03/2013

http://www.thepassionofgaming.com/
ThePassionOfGaming a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'espace

Message par Self le Ven 9 Aoû 2013 - 18:12

Bonjour.

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

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'espace

Message par Oz-Chan le Ven 9 Aoû 2013 - 18:37

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.

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'espace

Message par Self le Ven 9 Aoû 2013 - 18:57

Bonsoir Smile .

Ajouter le code suivant à votre CSS:
Code:
.pabox1{
padding-right:0px;
width:495px}
.patitre1{
width:505px}
Cordialement Smile

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'espace

Message par Oz-Chan le Ven 9 Aoû 2013 - 19:01

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

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'espace

Message par Self le Ven 9 Aoû 2013 - 19:10

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 Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'espace

Message par Oz-Chan le Ven 9 Aoû 2013 - 19:22

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

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'espace

Message par Self le Ven 9 Aoû 2013 - 19:33

Bonsoir Smile .

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 Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'espace

Message par Oz-Chan le Ven 9 Aoû 2013 - 19:35

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
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'espace

Message par Oz-Chan le Ven 9 Aoû 2013 - 19:41

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 =/

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème d'espace

Message par Self le Ven 9 Aoû 2013 - 19:44

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}
Warning Du coup il est normal d'avoir un petit vide a droite Wink .

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'espace

Message par Oz-Chan le Ven 9 Aoû 2013 - 19:48

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

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'espace

Message par Self le Ven 9 Aoû 2013 - 20:01

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

Cordialement Smile.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum