Quelques problèmes de codage

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

Résolu Quelques problèmes de codage

Message par Oz-Chan le Mar 10 Juil 2012 - 12:47

Bonjour,
je viens à votre rencontre car j'ai quelque petit problèmes dans mon codage que je ne comprends pas ou n'arrive pas à déplacer.
Voici l'image et j'ai mis point par point.
1. J'aimerai que la scrollbar se cache sous l'image de fond. Car là, ça ne fait pas très joli de la voir... J'aimerai donc avoir la possibilité qu'elle disparaisse. Je sais que c'est possible comme je l'ai vu sur des forums.
2. Là, je ne comprends pas le problème... Toutes les catégories ont le même code mais aucun n'est droit. oO Chaque fois, il bouge un peu sans que je ne comprenne pourquoi... Comme vous pouvez le voir dans cette deuxième catégorie. Pouvez-vous m'aider à les régler?
Voici le code d'une catégorie. :
Code:
<table class="desc" border="0">
   <tr>
      <td>
           <div class="txtdesc"> Entrez donc, prenez la peine de lever les yeux aux ciels pour ainsi voir les murs bien décorés. La douceur des couleurs. La jeunesse que l’on peut ressentir en voyant les tapisseries ainsi que les tableaux. La beauté de la chose en elle-même. Imaginez les enfants Bezarius courir le long des grands couloirs. Tout cela ne vous fait pas revenir en arrière ?</div>

      </td>
      <td>
         <img class="pix" src="http://i62.servimg.com/u/f62/13/82/15/09/vessal10.jpg"/>
      </td>
   </tr>
   </table>
         <a class="phalink" href="http://pandora-hearts-abyss.forumactif.com/f35-le-hall-les-couloirs">Le hall & les couloirs</a>
         <a class="phalink" href="http://pandora-hearts-abyss.forumactif.com/f133-les-chambres">Les chambres.</a>
         <a class="phalink" href="http://pandora-hearts-abyss.forumactif.com/f36-les-autres-salles">Les autres salles</a>
         <a class="phalink" href="http://pandora-hearts-abyss.forumactif.com/f34-la-chapelle">La chapelle</a>
         <a class="phalink" href="http://pandora-hearts-abyss.forumactif.com/f134-l-exterieur">L'extérieur</a>

3. Le texte message et sujet se trouve trop bas... J'aimerai qu'il soit en dessus de la ligne et un peu plus décalé sur la gauche. J'ai beau trifouillé un peu partout, je n'arrive pas à le faire monter...

Voici mon CSS:
Code:
*::-moz-selection {
  color: #860000;
  background: #f7e22e none repeat scroll 0 0;
}

body {
  margin-top: 10px;
}

.forumline {
  padding: 5px;
  border: 2px solid #820E0E;
  border-radius: 5px;
  box-shadow: 0px 2px 10px #c16a6a;
}

a.forumlink {
  margin-top: 20px;
  margin-bottom: -5px;
  padding-left: 40px;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: -2px;
  height: 4px;
  display: block;
  line-height: 30px;
  background-attachment: scroll;
  background-color: #820E0E;
  border-radius: 10px;
  webkit-border-radius: 10px;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}

a.forumlink:hover {
  margin-top: 20px;
  margin-bottom: -5px;
  padding-left: 80px;
  text-shadow: 0px 0px 0px;
  height: 4px;
  line-height: 30px;
  background-attachment: scroll;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  letter-spacing: 0px;
}



/* --- LIENS --- */

a {
  text-decoration: none !important;
  cursor: crosshair;
}

a:hover {
  color: #FF7B47;
  text-decoration: none !important;
}



/* --- BALISES PERSOS  --- */

.t1 {
  color: #F7DA66;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 170%;
  text-shadow: red 1px 1px 2px;
  padding: 7px 7px 7px 7px;
  background-color: #820E0E;
  border: 2px solid #FFDF40;
  border-left: 6px solid #FFDF40;
  border-right: 6px solid #FFDF40;
  border-radius: 0px 30px 0px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.t1:hover
{
  font-size: 180%; background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
    border-radius: 30px 0px 30px 0px;
  -webkit-border-radius: 0px 30px 0px 30px;
}

.t2 {
  color: #F7DA66;
  font-family: georgia;
  font-size: 150%;
  text-shadow: red 1px 1px 2px;
  padding-bottom: 3px;
  border-bottom: 5px solid #820E0E;
}
.t2:hover {
  color: #FF733B;
  border-bottom: 5px solid #FFDF40;
}

.t3 {
  color: #FFDF40;
  font-variant: small-caps;
}
.t3:before { content: "» "; }
.t3:hover:before { content: "» "; color: #FF733B; }
.t3:hover:after { content: "→"; color: #FF733B; padding-left: 5px; }

.important {
  color: #F7DA66;
  font-family: Courier New;
  font-size: 12px;
}

/* --- BALISES DU FORUM --- */

u {
  text-decoration: none;
  border-bottom: 2px solid;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.quote {
  background-color: #820E0E;
    color: #FFEF9C;
  border: 1px solid #820E0E;
  padding: 10px 10px 10px 10px;
  border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.quote:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.code {
  background-color: #820E0E;
    color: #FFEF9C;
  border: 1px solid #820E0E;
  padding: 10px 10px 10px 10px;
  border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.code div.cont_code{ max-height:200px; overflow:auto }
.code:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.spoiler {
  border: 1px solid #C24444;
  background-color: #820E0E;
  padding: 7px 7px 7px 7px;
  -webkit-border-radius: 10px 0px 10px 0px;
  border-radius: 10px 0px 10px 0px;
  box-shadow: 0px 0px 5px #FFEF9C;
}
.spoiler:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  -webkit-border-radius: 0px 10px 0px 10px;
  border-radius: 0px 10px 0px 10px;
}
.spoiler_closed {
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 1px solid #C24444;
}
.spoiler_content {
  color: #FFEF9C;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 1px solid #C24444;
}

/* --- NAVIGATION --- */

.navi {  position: fixed;
  z-index: 999;
  width: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  padding: 2px 0 4px 0;
    border: 1px solid #FFDF40;
  border-radius: 0 0 50px 50px;
  -webkit-border-radius: 0 0 50px 50px;
  background-color: #c16a6a ;
  box-shadow: 0 0 5px #FFDF40;
  -webkit-box-shadow: 0 0 5px #FFDF40;
}

a.mainmenu {
  padding-right: 5px;
  font-family: Georgia;
  font-size: 14px;
  letter-spacing: -1px;
}
a.mainmenu:before { content: "❥"; color: #870000; font-family: verdana; margin-right: 3px; }

a.mainmenu img {display: none;}



/* --- PROFIL --- */

.avi {
  padding: 10px 5px 10px 5px;
  border: 1px solid #820E0E;
  border-top: 3px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 15px;
    -webkit-border-radius: 15px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  box-shadow: 0px 0px 5px #870000;
  -webkit-box-shadow: 0px 0px 5px #870000;
}

.pseudo {
  border-top: 3px solid #820E0E;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #b53c3c;
}
.pseudo:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.name {
  font-size: 20px;
  font-family: Times New Roman;
  letter-spacing: -1px;
  word-spacing: 3px;
}

.rang {
  color: #820E0E;
  padding: 5px;
  border: 1px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
}

.darkie {
  background-color: #804c4c;
  border-radius: 30px 30px 15px 15px;
    -webkit-border-radius: 30px 30px 15px 15px;
  box-shadow: 0px 0px 5px #804c4c;
  -webkit-box-shadow: 0px 0px 5px #804c4c;
}

.proofil {
    color: #820E0E;
    background-image: url("http://i48.servimg.com/u/f48/17/48/68/27/gond10.jpg");
  padding: 5px;
  border: 1px solid #820E0E;
  border-top: 3px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  box-shadow: 0px 0px 2px #870000;
  -webkit-box-shadow: 0px 0px 2px #870000;
}

.proofil:hover {
    background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
}

#profile-advanced-details div.separator{ border-bottom: solid #820E0E; }

/* --- MESSAGES --- */

.blabla {
  padding: 5px;
  border: 1px solid #FFDF40;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url("http://img16.imageshack.us/img16/9683/477g.png");
  box-shadow: 0px 0px 2px #FFDF40;
}



/* --- BOUTON MONTRER/MASQUER --- */

input {
  color: #FFDF40;
  background-color: #820E0E;
    border: 2px solid #820E0E;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

input.post, reset, select, submit, textarea.inputbox, input.liteoption, input.mainoption {
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 2px solid #820E0E;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}


/* --- MENU DÉROULANT --- */


/* --- ZONE DE TEXTE/SAISIE --- */

textarea {
  padding: 2px;
  border: 2px solid #820E0E;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

/* --- BOUTON ENVOYER BROUILLON --- */


/* --- CHAMPS SUJET--- */

.select {
        background-color:#C24444;
        border:1px solid #820E0E;
        left:0;
        overflow:hidden;
        position:absolute;
        top:0;
        width:0;
        z-index:100;
        }

.select button {
  background-color: #C24444;
  -webkit-border-radius: 5px 5px 5px 5px; }


/* --- TITRES DES CATÉGORIE --- */

.secondarytitle, .secondarytitle h2 {
  text-align: center;
  color : #F7DA66;
  font-family: georgia;
  font-size: 24px;
  letter-spacing: -2px;
  word-spacing: 5px;
  font-weight: lighter;
  text-decoration: none;
  padding: 3px;
}

.cattitle { color: #F7DA66; }

a.cattitle {
  display: block;
  text-align: center;
  text-align: center;
  color: #F7DA66;
  font-family: georgia;
  font-size: 24px;
  letter-spacing: -2px;
  word-spacing: 5px;
  font-weight: lighter;
  text-decoration: none;
  padding: 3px;
}


/* --- DESCRIPTIONS DES FORUMS --- */

.phalink {
  padding: 1px 5px 1px 5px;
  border: 1px solid #870000;
  background-color: #870000;
  border-radius: 5px;
  border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  letter-spacing: 0px;
  -moz-transition: all 1s;
}

a.phalink {
  color: #FFDF40;
}

a.phalink:hover {
  color: #FF733B;
  letter-spacing: 0.5px;
}

.desc {
  height: 120px;
  margin-top: 12px;
  margin-bottom: 0px;
  padding: 5px;
  /*overflow: hidden;*/
  padding-right: 0px;
  text-align: justify;
  border: 2px solid #870000;
  border-top: 6px solid #870000;
  border-radius: 20px 0px 0px 0px;
  -webkit-border-radius: 20px 0px 0px 0px;
  -moz-border-radius: 20px 0px 0px 0px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  box-shadow: 0px 0px 2px #c16a6a;
  -moz-box-shadow: 0px 0px 2px #c16a6a;
  -webkit-box-shadow: 0px 0px 2px #c16a6a;
}

.txtdesc {
  overflow: auto;
  height: 88px;
}

.pix {
  float: left;
  margin-right: 4px;
  opacity: 0.5;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  -ms-transition: opacity 1s;   
  transition: opacity 1s;
}

.pix:hover {
  opacity: 1;
}



/* --- FONDS DES FORUMS ---*/

.row1 {  }
.row2 {  }
.row3 {  }


/* --- COLONNE DE DROITE --- */

.lastie {
  width: 160px;
  height: 71px;
  padding: 5px;
  padding-top: 30px;
  margin-top: 10px;
  margin-bottom: 27px;
  vertical-align: middle;
  border: 2px solid #870000;
  border-top: 6px solid #870000;
  /*border-bottom: 3px solid #870000;*/
    border-radius: 0px 20px 0px 0px;
  -webkit-border-radius: 0px 20px 0px 0px;
  -moz-border-radius: 0px 20px 0px 0px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  box-shadow: 0px 0px 2px #c16a6a;
  -moz-box-shadow: 0px 0px 2px #c16a6a;
  -webkit-box-shadow: 0px 0px 2px #c16a6a;
}

.stats {
  margin-top: 20px;
  font-size: 12px;
  float: right;}


/* --- CHATBOX --- */

#chatbox_header .cattitle strong {
      display: none;
}

#chatbox_header .cattitle::before {
      content: "Pandora's Box";
}

body.chatbox {
    background-repeat: no-repeat;
    background: url(http://img16.imageshack.us/img16/9683/477g.png);
    background-color: #C24444;
    background-position: right bottom;
    display: block;
}

#chatbox_members ul li, {
    background-repeat: no-repeat;
    background-position: right bottom;
    display: block;
}

.chatbox_row_1,.chatbox_row_2 {
    background-color:transparent;
    padding:4px;
}


/* --- GROUPES --- */

a.pnj { color: #000000; font-size: 12px; font-weight: bold;}
a.bezarius { color: #fcf13f; font-size: 12px; font-weight: bold;}
a.nightray { color: #a3a4ab; font-size: 12px; font-weight: bold; }
a.rainsworth { color: #ffb0f5; font-size: 12px; font-weight: bold; }
a.barma { color: #f89999; font-size: 12px; font-weight: bold; }
a.pandora { color: #a4a4ef; font-size: 12px; font-weight: bold;}
a.baskerville { color: #e18aee; font-size: 12px; font-weight: bold; }
a.chains { color: #a3d6f6; font-size: 12px; font-weight: bold; }
a.contractants { color: #7ddda3; font-size: 12px; font-weight: bold; }
a.lutwidge{ color: #9add7d; font-size: 12px; font-weight: bold; }
a.sorciers { color: #dbb18f; font-size: 12px; font-weight: bold;}
a.civils { color: #ffae4e; font-size: 12px; font-weight: bold; }
a.nonrpgistes { color: #d5d5d5; font-size: 12px; font-weight: bold;}
a.noblesse { color: #ffffff; font-size: 12px; font-weight: bold;}


/* --- PREDEFINIS --- */

.predefbox {
  width: 650px;
  background-color: #C24444;
  border: 2px solid #820E0E;
  border-top: 10px solid #820E0E;
  border-bottom: 10px solid #820E0E;
  border-radius: 70px 70px 40px 40px;
  -webkit-border-radius: 70px 70px 40px 40px;
}

.predefname {
  margin: 10px 0 -13px 0;
  color: #C24444;
  text-shadow: #820E0E 5px 0px 0px;
  font-family: georgia;
  font-size: 40px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

.predefpix {
  padding: 3px;
  border: 1px solid #cc6e54;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.predefpix:hover {
  border: 1px solid #FFF691
}

.predeftitre {
  padding-left: 40px;
  color: #FF733B;
  font-family: georgia;
  font-style: italic;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -2px;
  word-spacing: 5px;
  height: 5px;
  line-height: 6px;
  background-color: #820E0E;
  background-attachment: scroll;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.predeftitre:hover {
  color: #F0B728;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
}

.predefdesc {
  margin: 0 20px 0 20px;
  text-align: justify;
  font-size: 11px;
}

a.bubulle { position: relative; }
a.bubulle span { display: none;  }
a.bubulle span {  display: none; z-index: 999; }
a.bubulle:hover { background: none; z-index: 999; }
a.bubulle:hover span { display: inline; position: absolute; top: 15px; left: 15px; width: 250px; background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg"); color: #FFF691; border: 1px solid #870000; padding: 3px; text-align: justify; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: none; }

.linkname {
  margin: 0 450px -20px 0;
  color: #C24444;
  text-shadow: #820E0E 3px 0px 0px;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

.linkbox {
  width: 630px;
  padding: 5px;
  background-color: #C24444;
  border: 2px solid #820E0E;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 11px;
  text-align: justify;
}

.linkpix {
  float: left;
  margin-right: 5px;
}


/* --- PREDEFINIS ACCUEIL--- */

.préd2{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
  TEXT-ALIGN: center;
  border: 6px solid #af0800;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.préd3{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
    TEXT-ALIGN: center;
  border: 6px solid #1f9200;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.préd4{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
    TEXT-ALIGN: center;
  border: 6px solid #fff71d;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* --- PRESENTATIONS RPG --- */

.presbox {
  width: 650px;
  margin-top: 100px;
  padding-bottom: 30px;
  background-color: #C24444;
  border: 1px solid #870000;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.prespix {
  float: left;
  margin: -80px 10px 0 30px;
  padding: 7px;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 6px black;
  -webkit-box-shadow: 1px 1px 6px black;
  box-shadow: 1px 1px 6px black;
}

.pressurname {
  display: block;
  text-align: left;
  margin-left: 270px;
  color: #870000;
  font-family: georgia;
  font-size: 42px;
  font-style: italic;
  letter-spacing: -2px;
  opacity: 0.6;
  text-shadow: 1px 1px 6px #FFEF9C;
}

.presname {
  display: block;
  text-align: left;
  margin-left: 300px;
  margin-top: -10px;
  color: #870000;
  font-family: georgia;
  font-size: 42px;
  letter-spacing: -2px;
  font-style: italic;
  text-shadow: 1px 1px 6px #FFEF9C;
}

.presprofile {
  height: 221px;
  overflow: auto;
  margin: 0 10px 0 255px;
  padding: 7px;
  text-align: justify;
  font-size: 11px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.prestitre {
  color: #870000;
  font-family: georgia;
  font-size: 28px;
  font-style: italic;
  letter-spacing: -1px;
  height: 14px;
    text-shadow: 1px 1px 6px #FFEF9C;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.presdesc {
  margin: 0 20px 0 20px;
  padding: 7px;
  text-align: justify;
  font-size: 11px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* --- PRESENTATIONS NON RPG ---*/

.youbox {
  width: 600px;
  height: 300px;
  text-align: justify;
  font-size: 10px;
  padding: 0 3px 0 0;
  background-color: #a57a69;
}

.youleft {
  width: 170px;
  height: 300px;
  float: left;
  margin-right: 3px;
  padding: 0 3px 0 3px;
  background-image: url("http://i40.servimg.com/u/f40/12/80/18/70/54q6ip10.jpg");
}

.youtitre {
  color: white;
  font-family: Courier New;
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: 2px solid white;
}

.b1 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* --- RELATION---*/

.rela1{
  background-color: #d6997f;
border-top-left-radius:10px;
border-top-right-radius:  10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 5px;
  width:600px;}
.rela2{
  text-align:center;
  letter-spacing: -3px;
    font-size:33px;
  font-family:times new roman;
  font-weight:bold;
  credit-site-css: mycandids.tk;
  color: #FFEF9C}
.rela3{
border: 5px solid brown;
 border-top-left-radius:10px;
border-top-right-radius:  10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 5px;}
.rela4{
  background-color: #FFEF9C;
  border: 3px double yellow;}
.rela5{
  width: 350px;
  padding-left:15px;
  padding-right:15px;
  text-align:center;
  letter-spacing: -1px;
  color: #FFDF40;
  font-size:22px;
  font-family:times new roman;}
.rela6{
  color:darkgray;
  font-size:12px;
  font-color: #FFDF40;
  font-family:Georgia;
  background-color: #ffe9a7;
  width: 270px;
  border-radius:40px;}
  .rela7{
letter-spacing: -1px;
  color:#FFDF40;
  font-size:22px;
  font-family:times new roman;}
.rela8{
  width:400px;
  height:75px;
  color:#973C08;
  overflow:auto;}
.rela9{
  border-bottom: solid 5px;
  width:750px;
  font-size:18px;
  font-family:times new roman;
  color:#FFEF9C;}
.rela0{
  TEXT-ALIGN: left;
  font-color: #FFEF9C;
    FONT-FAMILY: Times New Roman;
  font-size:27px;}
.rela10{
  background:#FFEF9C;
  font-size: 1px;
  line-height: normal;
border-top-left-radius:10px;
  -font-color:brown;}
.rela11{
  border: 2px solid #FFEF9C;
  width:35em;
  font-color: #FFEF9C;
border-radius:10px;
margin-left;20px}

  /* --- STAFF---*/
.admintitre {
  width: 330px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  background-color: #870000;
  text-align: center;
  color: #FFDF40;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.admintitre:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
 
}

.adminbox {
  width: 310px;
  height: 300px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #870000;
  border-bottom: 3px solid #870000;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  text-align: justify;
}
.adminame{color: #FFDF40;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 170%;
  text-shadow: red 1px 1px 2px;
  padding: 7px 7px 7px 7px;}
 
.modotitre {
  width: 280px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  background-color: #870000;
  text-align: center;
  color: #FFDF40;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.modotitre:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
 
}

.modobox {
  width: 260px;
    height: 255px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #870000;
  border-bottom: 3px solid #870000;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  text-align: justify;
}
  /* --- PARTENAIRES--*/
.partenaires_footer_header {
  width: 530px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #870000;
  color: #FFDF40;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 15px;
  text-shadow: red 1px 1px 2px;}

.partenaires_footer_header:hover{
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  }

.partenaires_footer {
       
  width: 850px;
  height: 40px;
  border: 1px solid #870000;
  border-top: 6px solid #870000;
border-top-left-radius:10px;
border-top-right-radius:  10px;
  -webkit-border-radius: 15 15 0px 0px;
  padding:4px;
  background-image: url("http://i40.servimg.com/u/f40/12/80/18/70/54q6ip10.jpg");
        }
Je vous remercie d'avance pour votre future aide !


Dernière édition par Oz-Chan le Sam 14 Juil 2012 - 0:38, édité 1 fois

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: Quelques problèmes de codage

Message par Oz-Chan le Mer 11 Juil 2012 - 13:14

Up !

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: Quelques problèmes de codage

Message par Oz-Chan le Jeu 12 Juil 2012 - 16:10

Up. Personne? J'ai besoin de ces info's pour changer la version de mon fo'. C'est assez urgent.. ;;

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: Quelques problèmes de codage

Message par Dolip le Jeu 12 Juil 2012 - 20:39

Logiquement si on enleve la scrollbar on ne verrais plus le commentaire en bas mais enfait toi tu as aligné tout sur une même ligne
Ce message va etre ré-édité avec le bon code... Ou peut-être pas si je trouve pas moi et modifier un code j'préfère les créer

Réedition 1 : Pourrais-tu nous donner le lien de ton forum concerné appareamment tu en as plusieur.

Réedition 2 : J'ai testé le code du forum, ca a l'air de venir du CSS (http://irl-upload.com/u/1342118520.png)


Dernière édition par Dolip le Jeu 12 Juil 2012 - 20:42, édité 1 fois

Dolip
***

Masculin
Messages : 187
Inscrit(e) le : 01/06/2012

http://hobbagame.forumgratuit.org
Dolip a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quelques problèmes de codage

Message par Oz-Chan le Jeu 12 Juil 2012 - 20:41

Bonsoir,
merci pour votre aide !
Le commentaire en bas? =o Ce que j'aimerai, c'est qu'elle soit cachée derrière le fond et qu'on puisse descendre quand même un peu comme le contexte sur mon forum ( dans mon profil. ). En gros, c'est une scrollbarr invisible. ^^
merci encore !
edit:
Il s'agit du forum test. Le voici :
http://test-de-pha.forumactif.org/

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: Quelques problèmes de codage

Message par Dolip le Jeu 12 Juil 2012 - 20:44

Huum une scrollbar invisible = Ne sert a rien,
Personne ne saura qu'elle est la a partir du moment ou ils ne seront pas informés.
Je suppose que tu as rajouté un CSS étant donné que je ne suis pas très fort a ça pouvez-vous me donner le CSS rajouté pour les catégories s'il vous plait


Dernière édition par Dolip le Jeu 12 Juil 2012 - 20:48, édité 1 fois

Dolip
***

Masculin
Messages : 187
Inscrit(e) le : 01/06/2012

http://hobbagame.forumgratuit.org
Dolip a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quelques problèmes de codage

Message par Oz-Chan le Jeu 12 Juil 2012 - 20:45

C'est le but. On voit de toute façon que le texte n'est pas fini. ^^ Donc oui, c'est le but qu'on ne le voit pas du tout.

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: Quelques problèmes de codage

Message par Dolip le Jeu 12 Juil 2012 - 20:55

Gné ? C'est le but qu'on ne voit pas tout ?
Le problème avec ce genre de truc dans l'informatique c'est que j'ai bien regardé et ça serait rentré sans le scrollbar !
Pouvez vous me fournir le CSS spécial pour les forums ?

Dolip
***

Masculin
Messages : 187
Inscrit(e) le : 01/06/2012

http://hobbagame.forumgratuit.org
Dolip a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quelques problèmes de codage

Message par Oz-Chan le Jeu 12 Juil 2012 - 20:57

Bah oui c'est le but car le texte, on devra le descendre comme s'il y avait la scrollbarr mais on ne la voit pas. Comme je vous ai dit avant, comme la partie contexte sur mes autres forums dont celui dans mon profil. ^^
Et le CSS du forum test, il est sur mon premier poste. \0
Sinon, je n'ai pas compris quel CSS vous me demandez.

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: Quelques problèmes de codage

Message par Dolip le Jeu 12 Juil 2012 - 21:00

Mais comment voulez vous déscendre le texte sans la scrollbar ?

Dolip
***

Masculin
Messages : 187
Inscrit(e) le : 01/06/2012

http://hobbagame.forumgratuit.org
Dolip a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quelques problèmes de codage

Message par Oz-Chan le Jeu 12 Juil 2012 - 21:02

Regardez ici : http://pandora-hearts-abyss.forumactif.com/
Sur la PA, il y a un texte commençant par : cent auparavant. J'aimerai avoir le même effet. ^^ Et on ne voit pas la scrollbar.

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: Quelques problèmes de codage

Message par Freyja des Terres de Wyrd le Ven 13 Juil 2012 - 1:55

Bonjour =) Enfin bonsoir !

Je ne serai pas d'une grande aide mais je précise que le scrollbar n'est pas absent il est juste caché sous l'image de fond de la PA =) (on le voit quand l'image se charge)
Il serait donc possible de cacher le scroll avec la même astuce... Je fouillote le code et vous répondrait si je trouve =)

Freyja des Terres de Wyrd
****

Féminin
Messages : 217
Inscrit(e) le : 23/04/2012

http://terres-de-wyrd.forumsgratuits.com
Freyja des Terres de Wyrd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Quelques problèmes de codage

Message par Oz-Chan le Ven 13 Juil 2012 - 2:01

Bonsoir/Bonjour !
C'est exactement cela que j'aimerai avoir. ^^ Je pensais ça possible en le cachant sous le pattern de la catégorie? celui-ci pour être plus précis. \0
http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg
Merci de votre 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: Quelques problèmes de codage

Message par Invité le Ven 13 Juil 2012 - 23:15

Bonsoir,
Point 1: Aucune idée.

Point 2: C'est le nombre de lien en dessous de la description qui fait varier la hauteur des cellules et de fait, la cellule du dernier message ayant un alignement vertical centré, les marges s'adaptent en fonction du nombre de ligne de liens sous les descriptions. Il y a surement moyen de régler le soucis en changeant l'alignement vertical de la cellule et en donnant une marge extérieur supérieure à votre div .lastie ( elle y est déjà, d'ailleurs Razz).

Point 3:
Le soucis est dans votre CSS; le margin-top fait descendre le texte:
.stats {
margin-top: 20px;
font-size: 12px;
float: right;}
Réduisez le nombre de px ou supprimez carrément la propriétéWink.
Bien sincèrement.

Invité
Invité


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

Résolu Re: Quelques problèmes de codage

Message par Oz-Chan le Ven 13 Juil 2012 - 23:21

Bonsoir !
1. Pas grave merci quand même de votre aide. éè

2. C'est bon merci beaucoup ! >w<

3. Ca va aussi merci ! =D

Encore un grand merci pour votre aide ! Je vais rouvrir un topic pour mon premier problème. Comme ceci, je ne vais pas embrouiller les autres. ^^

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.

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