Problèmes d'affichage sur google chrome

2 participants

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

Résolu Problèmes d'affichage sur google chrome

Message par Oz-Chan Ven 1 Mar 2013 - 3:24

Bonsoir !
je viens vous demander une petite aide pour quelques affichages qui ne marche pas sur chrome alors que si firefox, tout se passe correctement. Je vous montre !

Par exemple, mes bordures ne sachent pas correctement sur l'entête de mes partenaires alors que sur fire fox, tout va bien ! Je vous montre :

bon
Problèmes d'affichage sur google chrome Bon10
mauvais.
Problèmes d'affichage sur google chrome Mauvai10
On voit clairement que ce n'est pas arrondit sur la deuxième image...
Voici monde CSS pour cette partie.
Code:
/* --- 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: 64px;
  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");
        }

Autres petits problèmes d'affichages.
Sur firefox, mon fond s'affiche bien sur les dérouleurs mais pas sur chrome comme vous voyez ici :
bon
Problèmes d'affichage sur google chrome Bon11
mauvais
Problèmes d'affichage sur google chrome Mauvai10

Pouvez-vous aussi me l'installer pour chrome svp? Voici le reste de mon code !
Code:
*::-moz-selection {
  color: #860000;
  background: #FFDF40 none repeat scroll 0 0;}

*::-webkit-selection {
  color: #860000;
  background: #FFDF40 none repeat scroll 0 0;}

body
{      cursor: url('http://sd-1.archive-host.com/membres/up/2083398183/opipeoiwenfv.ico'), auto;
        }

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

a.forumlink {
  margin-top: 20px;
  margin-bottom: -40px;
  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: -40px;
  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: 10px 0 15px #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://img16.imageshack.us/img16/9683/477g.png");
  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: 0px 5px 1px 5px;
          border: 1px solid #870000;
          background-color: #870000;
          border-radius: 5px;
          margin-bottom:50px;
          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;
            -webkit-transition: all 1s;
        }
       
        a.phalink {
          color: #FFDF40;
        }
       
        a.phalink:hover {
          color: #FF733B;
          letter-spacing: 0.5px;
        }
        .desc {
          height: 30px;
          margin-top: 10px;
          margin-bottom: -1px;
          padding: 5px;
          overflow: hidden;
          padding-right: 0px;
  padding-top: 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;
          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 {
  line-height: 15px; font-size: 11px; font-family: verdana, tahoma, serif;
          height: 85px;
        }
          .pix {
                  margin-right: 3px;
                    margin-left: 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 {
                  margin-right: 3px;
                    margin-left: 4px;
          opacity: 1;
          -webkit-transition: opacity 1s;
                  -moz-transition: opacity 1s;
                  -o-transition: opacity 1s;
                  -ms-transition: opacity 1s;
                  transition: opacity 1s;
        }



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

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


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

.lastie {
  width: 160px;
  height: 59px;
  padding: 10px;
  padding-top: 28px;
  padding-bottom: 9px;
  margin-top: 26px;
  margin-bottom: 30px;
  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;
  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: 5px;
  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: #7385FA; font-size: 12px; font-weight: bold; }
a.rainsworth { color: #FF6BEB; font-size: 12px; font-weight: bold; }
a.barma { color: #ff8484; 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: #56C77A; font-size: 12px; font-weight: bold; }
a.lutwidge{ color: #92FC65; font-size: 12px; font-weight: bold; }
a.sorciers { color: #D6945E; font-size: 12px; font-weight: bold;}
a.civils { color: #ffae4e; font-size: 12px; font-weight: bold; }
a.nonrpgistes { color: #FFCCCC; 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 0;
  -webkit-margin: 0 30px 0 0px;
  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: 64px;
  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");
        }


        /* PA */
        /* Les propriétés étranges de Lyloox, DEBUT */

        .staff {
          display: inline-block;
        }
        .staff ul { font:.75em "lucida grande", arial, sans-serif; overflow:auto; background:#eee; list-style:none; }
        .staff li { width:100px; height:100px; position:relative;z-index:5; vertical-align:middle; -moz-border-radius:5px; padding:0px; overflow:hidden; float:left; }
        .staff li:hover { position:relative; z-index:10; box-shadow: 0px 0px 2px #000; -htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;}
        .staff li:hover p { margin-top:-85px; }
        .staff strong { display:block; letter:spacing:2px; color:#EE6E6E; }
        .staff a {color:#EE6E6E; font-weight:500; }

        .staff div {
          display: inline-block;
        }


        /* Onglet 3 */

        #onglet3 .admins img { border-radius:5%; border: 2px solid orange; margin:3px; }
        #onglet3 h1, #onglet3 h2{ font-size:15px;font-family:Time News Roman,serif; font-style:italic; color:white; text-shadow: 0px 0px 3px #A40000;
        -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; }
        #onglet3 h1:hover, #onglet3 h2:hover { color:#A40000; text-shadow: -5px -3px 2px #870000, 16px 8px #FFA6A6;
        -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s;}
        #onglet3 { margin:auto;}
        #onglet3 .admins {display:block; text-align:center; }

        #onglet3 .admins img {margin-top: 3px; margin-left: 0px;}

        #onglet3 .coupsdecoeur
        { margin-left:170px; text-align:center; width:220px; padding:15px; border: 2px dotted #870000; border-radius:30px;
          border-top: 3px solid #FFEF9C; border-right: 1px solid #870000; border-bottom: 3px solid #870000;
          border-left: 1px solid #FFEF9C;}
        #onglet3 .credits {
        clear: none;
        margin: -292px 0 0 430px;
        text-align: center;
        width: 300px;
        height: 256px;
        background-color: whiteSmoke;
        padding: 15px;
        border: 3px solid #FFEF9C;
        font-size: 11px;
        }
        #onglet3 .modos {text-align:center; display:block;}


        /* Autres machins */

        .onglet3 img { padding:2px; border: 1px solid; border-radius:7px; text-align:center; background-color:#EEEEEE; opacity:0.8; }
        .onglet3 img {margin:6px; border: 1px solid; border-radius:7px; }
        .onglet3:hover {opacity:1;}

        .infobulle {position:relative;text-decoration:none; display:inline;}
        .infobulle span {display:none; text-align:justify}
        .infobulle:hover{background:none;cursor:help;z-index:999}
        .infobulle:hover span{border-radius:5px;background-color:#EEEEEE; border-left: 3px solid #EC5E61; border-right: 3px solid #EC5E61;
          display:inline;left:50px;margin-right:5px;padding:8px;position:absolute;top:5px;white-space:normal;width:200px}

        .onglets { text-align:center; margin:auto; display:block;cursor:pointer;}

        .onglet { display:inline-block; height: 34px; width: 150px; }

        .onglet_0 { padding:8px; margin:3px; font-size:16px; }
                .onglet_1 { padding:8px; margin:3px; font-size:16px; }
           
                #onglet_abc.onglet_1{
                background: url('http://i43.servimg.com/u/f43/16/13/48/98/1o10.png');}
                #onglet_ledeuxieme.onglet_1{
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/o2o10.png');}
                #onglet_ghi.onglet_1 {
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/o3o10.png');}
           
                #onglet_abc.onglet_0{
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/1f10.png');}
                #onglet_ledeuxieme.onglet_0{
                background: url('  http://i43.servimg.com/u/f43/16/13/48/98/o2f10.png');}
                #onglet_ghi.onglet_0 {
                background: url('  http://i43.servimg.com/u/f43/16/13/48/98/o3f10.png');}

        .contenu_onglet { padding:5px; display:none; height:434px}

        .imageetcontexte { text-align:justify; border-left: 3px solid #FFEF9C; border-right: 3px solid #FFEF9C; padding:10px; }

        .blabladesnews { text-align:justify;
          margin:20px; width:530px;
          max-width:550px;
          overflow:auto;
          padding:15px;
          border: 2px dotted #FFEF9C;
          border-radius:30px;
          border-top: 3px solid #FFEF9C;
          border-right: 1px solid #FFEF9C;
          border-bottom: 3px solid #FFEF9C;
          border-left: 1px solid #FFEF9C;
          border-radius: 10px 10px 0px 0px;  }
        .blabladesnews span {
          float:right;
          font-size:23px;
          margin-top:-35px;
          font-family:Verdana,Arial,Helvetica,sans-serif;
          color:#FFDF40;
          text-shadow: 0px 0px 5px #FFDF40;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s; }
        .blabladesnews span:hover {
          margin-right:90px;
          color:FFEF9C;
          text-shadow: -16px -9px #FF733B, 2px 3px 1px #A40000;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;}
        .blabladesnews h1 { color:#FF733B; text-decoration:blink; display:inline; }
        .blabladesnews h2 { color:#FFDF40; display:inline; }

        /* Animations des prédéfinis, onglet 1 de la PA */
    #predef img{width:160px;
  height:84px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;}
        #predef {margin-left:21px; }
        #predef ul { font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          width:495px;
          background:#96734c;
          list-style:none; }
        #predef li {
          width:160px;
          height:84px;
          position:relative;
          z-index:5;
          margin:5px 0px 5px -60px;
          vertical-align:middle;
          -webkit-vertical-align:middle;
          -moz-border-radius:16px;
          -webkit-border-radius:16px;
          border-radius: 16px;
          padding:0px;
          border:  3px solid #870000;
          overflow:hidden;
          float:left; }
        #predef li:hover {
          position:relative;
            height:84px;
          z-index:10;
          margin-left:-40px;
          border-color:#FFDF40;
          box-shadow: 2px 2px 4px #000;
          -webkit-box-shadow: 2px 2px 4px #000;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;
          -o-transform:all;}
        #predef p {
          font-size:10px;
          height:84px;
          padding:0 10px;
          opacity:.8;
          background:#96734c;
          -webkit-transition:margin-top 1.5s ease-out;
          -moz-transition: margin-top 1.5s ease-out;
          transition: margin-top 1.5s ease-out;
              -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
          border-radius: 8px;
          }
        #predef li:hover p
        {
        margin-top:-87px;

        }
        #predef strong { padding-top:3px; display:block; }
        #predef a {color:#FFDF40; font-weight:500; }

        /* Mise en page des liens de navigation, onglet 1 de la PA */
        #navi {float:left; display:block;}
        #navi .entete { width:450px; position:relative; margin-top:-20px; -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s;-moz-transform:all;-moz-transition:1s; text-align:center; color:#FFEF9C; text-shadow: 0px 0px 5px yellow; font-family:Time News Roman, serif; margin:auto; display:block; z-index:150; font-size:18px; font-style:italic;}
        #navi .entete:hover { -htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; color:#FF733B; letter-spacing:3px; text-shadow: 0px 0px 5px #FF8A8A; }
        #liens { background-image: url(http://i43.servimg.com/u/f43/16/13/48/98/sprout11.png); background-repeat: no-repeat; background-position : center ;  border-radius: 30px; display:table-cell; vertical-align:middle; height:120px; width:500px; max-width:540px; margin:auto; border: 2px solid #870000; border-radius:30px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; text-align:center; background-color: #C24444; }
        .colonne1 { float:left;width:255px; }
        .colonne2 { margin-left:260px; display:block;}
        .colonne1 a, .colonne2 a {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; padding-left:10px;padding-left:}
        .colonne2 .pique a:before { content: "♠"; padding-right:5px; }
        .colonne2 .carreau a:before { content: "♦"; padding-right:5px; }
        .colonne2 .coeur a:before { content: "♥"; padding-right:5px; }
        .colonne2 .trefle a:before { content: "♣"; padding-right:5px; }

        .colonne1 .pique a:before { content: "♠"; padding-right:5px; }
        .colonne1 .carreau a:before { content: "♦"; padding-right:5px; }
        .colonne1 .coeur a:before { content: "♥"; padding-right:5px; }
        .colonne1 .trefle a:before{ content: "♣"; padding-right:5px; }

        .colonne1 a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none; text-decoration:none !important; color:#FF733B; letter-spacing:3px;padding-left:60px !important;}
        .colonne2 a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none; text-decoration:none !important; color:#FF733B; letter-spacing:3px;padding-right:60px !important;}


        /* Les propriétés étranges de Lyloox, FIN */

        /* Le bazar ajouté de Foocha' */

        .onglets span {
        margin-right: 75px;
        }

        #onglet_abc {
        margin-left: 72px;
        }

        #onglet3 {
          border-spacing:0px;
        }

        /* contexte onglet 1 */

        .contexte {
        height: 180px;
        overflow: auto;
        max-width: 355px;
        display: block;
        margin: auto;
        margin-top: 3px;
        background-color: #C24444;
        padding: 15px;
        border: 3px solid #870000;
        font-size: 11px;
        border-radius: 16px;
        overflow: auto;
        }

        /* navigation predefs onglet 1 */

        #lienspredef {
        display: table-cell;
        vertical-align: middle;
        height: 55px;
        width: 500px;
        max-width: 540px;
        margin: auto;
        border: 2px solid #870000;
        border-radius: 30px;
          font-size: 12px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        text-align: center;
        background-color: #C24444;
        }

        #lienspredef a {
        -htm-transform: all;
        -htm-transition: 1s;
        -moz-transform: all;
        -moz-transition: 1s;
        -o-transform: all;
        -o-transition: 1s;
        -webkit-transform: all;
        -webkit-transition: 1s;
        padding-left: 10px;
        }

        #lienspredef .pique a:before { content: "♠"; padding-right:5px; }
        #lienspredef .carreau a:before { content: "♦"; padding-right:5px; }
        #lienspredef .trefle a:before { content: "♣"; padding-right:5px; }

        #lienspredef a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none;
        text-decoration:none !important; color:#FF733B; letter-spacing:3px;}
        /* staff */

        .fonda {
                height:62px;
          display: inline-block;
        }
        .fonda ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#eee;
          list-style:none; }

        .fonda li {
          width:230px;
          height:80px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
          margin-bottom: -8px;
        }

        .fonda p {
        font-size: 20px;
        height: 82px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
        }

        .fonda li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #DE0000;
          padding:2px;
        }
        .fonda li:hover p { margin-top:-85px; }

        .admin {
              height:89px;
          display: inline-block;
        }
        .admin ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#96734c;
          list-style:none; }

        .admin li {
          width:145px;
          height:100px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
          margin-bottom: -8px;
        }

        .admin p {
        font-size: 14px;
        height: 97px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
        }

        .admin li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #FF7B47;
          padding:2px;
        }
        .admin li:hover p { margin-top:-105px; }

        .modo {
                height:65px;
          display: inline-block;
        }
        .modo ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#96734c;
          list-style:none; }

        .modo li {
          width:85px;
          height:65px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
        }

        .modo p {
        font-size: 10px;
        height: 63px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
          padding-top: 5px;
        }

        .modo li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #cba78f;
          padding:2px;
        }
        .modo li:hover p { margin-top:-68px; }

        /* Credits */

        .creditstd {
          height:115px;
        background-repeat: no-repeat;
        padding-left: 43px;
        background-position-x: 38px;
        }

        #blacredits {
        width: 480px;
          background-color: #C24444;
        text-align: justify;
        height: 77px;
        overflow: auto;
        margin-bottom: 8px;
          border: 1px solid #870000;
        border-radius: 5px;
        padding: 2px;
        }
     
        /* coup de coeur */

        .coupcoeur img {
        margin-right: 6px;
        margin-bottom: 8px;
            -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #EFFF94;
          border-radius: 5px;
          padding:2px;
        }

        .coupcoeur img:hover {
        border: 2px solid #F07F05;
            -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          padding:2px;
        }


        .coupcoeur div {
        color:#FFEF9C;
          height:19px;
        font-size: 23px;
        margin-top: 2px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        text-shadow: 0px 0px 5px #FFEF9C;
        -htm-transform: all;
        -htm-transition: 1s;
        -moz-transform: all;
        -moz-transition: 1s;
        -o-transform: all;
        -o-transition: 1s;
        -webkit-transform: all;
        -webkit-transition: 1s;
        margin-bottom: -6px;
        }

        .coupcoeur div:hover {
          color:#FFDF40;
          text-shadow: -16px -9px #FFA6A6, 2px 3px 1px #A40000;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;
        }

        /* Fin du bazar ajouté de Foocha' */

Voilà ! Je vous remercie d'avance pour votre aide concernant ces deux problèmes d'affichages.
Je vous souhaite une bonne journée !


Dernière édition par Oz-Chan le Ven 1 Mar 2013 - 14:27, édité 1 fois
Oz-Chan

Oz-Chan
****

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

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Matriochka Ven 1 Mar 2013 - 9:53

Bonjour,

Concernant ton footer, d’après ce que je vois, le souci se situe ici :
Code:
border: 1px solid #870000;
border-top: 3px solid #870000;

Pour le second problème en revanche je ne constate pas de problème… Peux-tu entourer ce qui cloche sur la page ?
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Oz-Chan Ven 1 Mar 2013 - 11:57

Bonjour,
le premier code marche. Merci !
Pour le second, il s'agit des scroll blanc ici : Problèmes d'affichage sur google chrome Mauvai11
Merci de votre aide !
Oz-Chan

Oz-Chan
****

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

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Matriochka Ven 1 Mar 2013 - 12:06

Merci bien Smile

Alors, pour corriger ce petit bug lié à Google Chrome, ajoute ceci :
Code:
-webkit-appearance:none;
À l’élément select Wink

avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Oz-Chan Ven 1 Mar 2013 - 14:04

C'est presque bon !
J'aimerai juste pouvoir remettre un bord rouge foncé à la place du bizarre que j'ai maintenant comme vous le voyez ici :
Problèmes d'affichage sur google chrome 2_bmp11
C'est un drôle de jaune alors que j'aimerai du rouge foncé... Cela me montre pareil sur firefox.
voilà le code :
Code:
.select {
        background-color:#C24444;
        -webkit-appearance:none;
        border:1px solid #870000;
        left:0;
        overflow:hidden;
        position:absolute;
        top:0;
        width:0;
        z-index:100;
        }
Merci encore de ton aide !
Oz-Chan

Oz-Chan
****

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

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Matriochka Ven 1 Mar 2013 - 14:07

Ah, du coup tu as retiré l’image de fond ? Le code que je t’ai donné plus haut te permettait justement de faire fonctionner les images de fond sur l’élément select.

Peux-tu m’envoyer ton CSS complet ?
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Oz-Chan Ven 1 Mar 2013 - 14:09

En fait, le select était avec un autre groupe d'élément mais je trouve qu'on voit mieux de cette façon. ^^
Je t'envoie le tout !
Code:
*::-moz-selection {
  color: #860000;
  background: #FFDF40 none repeat scroll 0 0;}

*::-webkit-selection {
  color: #860000;
  background: #FFDF40 none repeat scroll 0 0;}

body
{      cursor: url('http://sd-1.archive-host.com/membres/up/2083398183/opipeoiwenfv.ico'), auto;
        }

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

a.forumlink {
  margin-top: 20px;
  margin-bottom: -40px;
  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: -40px;
  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: 10px 0 15px #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, 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://img16.imageshack.us/img16/9683/477g.png");
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

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


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

.select {
        background-color:#C24444;
          -webkit-appearance:none;
        border:1px solid #870000;
        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: 0px 5px 1px 5px;
          border: 1px solid #870000;
          background-color: #870000;
          border-radius: 5px;
          margin-bottom:50px;
          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;
            -webkit-transition: all 1s;
        }
       
        a.phalink {
          color: #FFDF40;
        }
       
        a.phalink:hover {
          color: #FF733B;
          letter-spacing: 0.5px;
        }
        .desc {
          height: 30px;
          margin-top: 10px;
          margin-bottom: -1px;
          padding: 5px;
          overflow: hidden;
          padding-right: 0px;
  padding-top: 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;
          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 {
  line-height: 15px; font-size: 11px; font-family: verdana, tahoma, serif;
          height: 85px;
        }
          .pix {
                  margin-right: 3px;
                    margin-left: 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 {
                  margin-right: 3px;
                    margin-left: 4px;
          opacity: 1;
          -webkit-transition: opacity 1s;
                  -moz-transition: opacity 1s;
                  -o-transition: opacity 1s;
                  -ms-transition: opacity 1s;
                  transition: opacity 1s;
        }



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

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


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

.lastie {
  width: 160px;
  height: 59px;
  padding: 10px;
  padding-top: 28px;
  padding-bottom: 9px;
  margin-top: 26px;
  margin-bottom: 30px;
  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;
  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: 5px;
  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: #7385FA; font-size: 12px; font-weight: bold; }
a.rainsworth { color: #FF6BEB; font-size: 12px; font-weight: bold; }
a.barma { color: #ff8484; 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: #56C77A; font-size: 12px; font-weight: bold; }
a.lutwidge{ color: #92FC65; font-size: 12px; font-weight: bold; }
a.sorciers { color: #D6945E; font-size: 12px; font-weight: bold;}
a.civils { color: #ffae4e; font-size: 12px; font-weight: bold; }
a.nonrpgistes { color: #FFCCCC; 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 0;
  -webkit-margin: 0 30px 0 0px;
  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: 3px 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: 64px;
  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");
        }


        /* PA */
        /* Les propriétés étranges de Lyloox, DEBUT */

        .staff {
          display: inline-block;
        }
        .staff ul { font:.75em "lucida grande", arial, sans-serif; overflow:auto; background:#eee; list-style:none; }
        .staff li { width:100px; height:100px; position:relative;z-index:5; vertical-align:middle; -moz-border-radius:5px; padding:0px; overflow:hidden; float:left; }
        .staff li:hover { position:relative; z-index:10; box-shadow: 0px 0px 2px #000; -htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;}
        .staff li:hover p { margin-top:-85px; }
        .staff strong { display:block; letter:spacing:2px; color:#EE6E6E; }
        .staff a {color:#EE6E6E; font-weight:500; }

        .staff div {
          display: inline-block;
        }


        /* Onglet 3 */

        #onglet3 .admins img { border-radius:5%; border: 2px solid orange; margin:3px; }
        #onglet3 h1, #onglet3 h2{ font-size:15px;font-family:Time News Roman,serif; font-style:italic; color:white; text-shadow: 0px 0px 3px #A40000;
        -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; }
        #onglet3 h1:hover, #onglet3 h2:hover { color:#A40000; text-shadow: -5px -3px 2px #870000, 16px 8px #FFA6A6;
        -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s;}
        #onglet3 { margin:auto;}
        #onglet3 .admins {display:block; text-align:center; }

        #onglet3 .admins img {margin-top: 3px; margin-left: 0px;}

        #onglet3 .coupsdecoeur
        { margin-left:170px; text-align:center; width:220px; padding:15px; border: 2px dotted #870000; border-radius:30px;
          border-top: 3px solid #FFEF9C; border-right: 1px solid #870000; border-bottom: 3px solid #870000;
          border-left: 1px solid #FFEF9C;}
        #onglet3 .credits {
        clear: none;
        margin: -292px 0 0 430px;
        text-align: center;
        width: 300px;
        height: 256px;
        background-color: whiteSmoke;
        padding: 15px;
        border: 3px solid #FFEF9C;
        font-size: 11px;
        }
        #onglet3 .modos {text-align:center; display:block;}


        /* Autres machins */

        .onglet3 img { padding:2px; border: 1px solid; border-radius:7px; text-align:center; background-color:#EEEEEE; opacity:0.8; }
        .onglet3 img {margin:6px; border: 1px solid; border-radius:7px; }
        .onglet3:hover {opacity:1;}

        .infobulle {position:relative;text-decoration:none; display:inline;}
        .infobulle span {display:none; text-align:justify}
        .infobulle:hover{background:none;cursor:help;z-index:999}
        .infobulle:hover span{border-radius:5px;background-color:#EEEEEE; border-left: 3px solid #EC5E61; border-right: 3px solid #EC5E61;
          display:inline;left:50px;margin-right:5px;padding:8px;position:absolute;top:5px;white-space:normal;width:200px}

        .onglets { text-align:center; margin:auto; display:block;cursor:pointer;}

        .onglet { display:inline-block; height: 34px; width: 150px; }

        .onglet_0 { padding:8px; margin:3px; font-size:16px; }
                .onglet_1 { padding:8px; margin:3px; font-size:16px; }
           
                #onglet_abc.onglet_1{
                background: url('http://i43.servimg.com/u/f43/16/13/48/98/1o10.png');}
                #onglet_ledeuxieme.onglet_1{
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/o2o10.png');}
                #onglet_ghi.onglet_1 {
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/o3o10.png');}
           
                #onglet_abc.onglet_0{
                background: url(' http://i43.servimg.com/u/f43/16/13/48/98/1f10.png');}
                #onglet_ledeuxieme.onglet_0{
                background: url('  http://i43.servimg.com/u/f43/16/13/48/98/o2f10.png');}
                #onglet_ghi.onglet_0 {
                background: url('  http://i43.servimg.com/u/f43/16/13/48/98/o3f10.png');}

        .contenu_onglet { padding:5px; display:none; height:434px}

        .imageetcontexte { text-align:justify; border-left: 3px solid #FFEF9C; border-right: 3px solid #FFEF9C; padding:10px; }

        .blabladesnews { text-align:justify;
          margin:20px; width:530px;
          max-width:550px;
          overflow:auto;
          padding:15px;
          border: 2px dotted #FFEF9C;
          border-radius:30px;
          border-top: 3px solid #FFEF9C;
          border-right: 1px solid #FFEF9C;
          border-bottom: 3px solid #FFEF9C;
          border-left: 1px solid #FFEF9C;
          border-radius: 10px 10px 0px 0px;  }
        .blabladesnews span {
          float:right;
          font-size:23px;
          margin-top:-35px;
          font-family:Verdana,Arial,Helvetica,sans-serif;
          color:#FFDF40;
          text-shadow: 0px 0px 5px #FFDF40;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s; }
        .blabladesnews span:hover {
          margin-right:90px;
          color:FFEF9C;
          text-shadow: -16px -9px #FF733B, 2px 3px 1px #A40000;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;}
        .blabladesnews h1 { color:#FF733B; text-decoration:blink; display:inline; }
        .blabladesnews h2 { color:#FFDF40; display:inline; }

        /* Animations des prédéfinis, onglet 1 de la PA */
    #predef img{width:160px;
  height:84px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;}
        #predef {margin-left:21px; }
        #predef ul { font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          width:495px;
          background:#96734c;
          list-style:none; }
        #predef li {
          width:160px;
          height:84px;
          position:relative;
          z-index:5;
          margin:5px 0px 5px -60px;
          vertical-align:middle;
          -webkit-vertical-align:middle;
          -moz-border-radius:16px;
          -webkit-border-radius:16px;
          border-radius: 16px;
          padding:0px;
          border:  3px solid #870000;
          overflow:hidden;
          float:left; }
        #predef li:hover {
          position:relative;
            height:84px;
          z-index:10;
          margin-left:-40px;
          border-color:#FFDF40;
          box-shadow: 2px 2px 4px #000;
          -webkit-box-shadow: 2px 2px 4px #000;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;
          -o-transform:all;}
        #predef p {
          font-size:10px;
          height:84px;
          padding:0 10px;
          opacity:.8;
          background:#96734c;
          -webkit-transition:margin-top 1.5s ease-out;
          -moz-transition: margin-top 1.5s ease-out;
          transition: margin-top 1.5s ease-out;
              -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
          border-radius: 8px;
          }
        #predef li:hover p
        {
        margin-top:-87px;

        }
        #predef strong { padding-top:3px; display:block; }
        #predef a {color:#FFDF40; font-weight:500; }

        /* Mise en page des liens de navigation, onglet 1 de la PA */
        #navi {float:left; display:block;}
        #navi .entete { width:450px; position:relative; margin-top:-20px; -htm-transform:all;-htm-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s;-moz-transform:all;-moz-transition:1s; text-align:center; color:#FFEF9C; text-shadow: 0px 0px 5px yellow; font-family:Time News Roman, serif; margin:auto; display:block; z-index:150; font-size:18px; font-style:italic;}
        #navi .entete:hover { -htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; color:#FF733B; letter-spacing:3px; text-shadow: 0px 0px 5px #FF8A8A; }
        #liens { background-image: url(http://i43.servimg.com/u/f43/16/13/48/98/sprout11.png); background-repeat: no-repeat; background-position : center ;  border-radius: 30px; display:table-cell; vertical-align:middle; height:120px; width:500px; max-width:540px; margin:auto; border: 2px solid #870000; border-radius:30px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; text-align:center; background-color: #C24444; }
        .colonne1 { float:left;width:255px; }
        .colonne2 { margin-left:260px; display:block;}
        .colonne1 a, .colonne2 a {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; padding-left:10px;padding-left:}
        .colonne2 .pique a:before { content: "♠"; padding-right:5px; }
        .colonne2 .carreau a:before { content: "♦"; padding-right:5px; }
        .colonne2 .coeur a:before { content: "♥"; padding-right:5px; }
        .colonne2 .trefle a:before { content: "♣"; padding-right:5px; }

        .colonne1 .pique a:before { content: "♠"; padding-right:5px; }
        .colonne1 .carreau a:before { content: "♦"; padding-right:5px; }
        .colonne1 .coeur a:before { content: "♥"; padding-right:5px; }
        .colonne1 .trefle a:before{ content: "♣"; padding-right:5px; }

        .colonne1 a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none; text-decoration:none !important; color:#FF733B; letter-spacing:3px;padding-left:60px !important;}
        .colonne2 a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none; text-decoration:none !important; color:#FF733B; letter-spacing:3px;padding-right:60px !important;}


        /* Les propriétés étranges de Lyloox, FIN */

        /* Le bazar ajouté de Foocha' */

        .onglets span {
        margin-right: 75px;
        }

        #onglet_abc {
        margin-left: 72px;
        }

        #onglet3 {
          border-spacing:0px;
        }

        /* contexte onglet 1 */

        .contexte {
        height: 180px;
        overflow: auto;
        max-width: 355px;
        display: block;
        margin: auto;
        margin-top: 3px;
        background-color: #C24444;
        padding: 15px;
        border: 3px solid #870000;
        font-size: 11px;
        border-radius: 16px;
        overflow: auto;
        }

        /* navigation predefs onglet 1 */

        #lienspredef {
        display: table-cell;
        vertical-align: middle;
        height: 55px;
        width: 500px;
        max-width: 540px;
        margin: auto;
        border: 2px solid #870000;
        border-radius: 30px;
          font-size: 12px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        text-align: center;
        background-color: #C24444;
        }

        #lienspredef a {
        -htm-transform: all;
        -htm-transition: 1s;
        -moz-transform: all;
        -moz-transition: 1s;
        -o-transform: all;
        -o-transition: 1s;
        -webkit-transform: all;
        -webkit-transition: 1s;
        padding-left: 10px;
        }

        #lienspredef .pique a:before { content: "♠"; padding-right:5px; }
        #lienspredef .carreau a:before { content: "♦"; padding-right:5px; }
        #lienspredef .trefle a:before { content: "♣"; padding-right:5px; }

        #lienspredef a:hover {-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;
          -o-transition:1s;-webkit-transform:all;-webkit-transition:1s; text-transform:none;
        text-decoration:none !important; color:#FF733B; letter-spacing:3px;}
        /* staff */

        .fonda {
                height:62px;
          display: inline-block;
        }
        .fonda ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#eee;
          list-style:none; }

        .fonda li {
          width:230px;
          height:80px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
          margin-bottom: -8px;
        }

        .fonda p {
        font-size: 20px;
        height: 82px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
        }

        .fonda li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #DE0000;
          padding:2px;
        }
        .fonda li:hover p { margin-top:-85px; }

        .admin {
              height:89px;
          display: inline-block;
        }
        .admin ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#96734c;
          list-style:none; }

        .admin li {
          width:145px;
          height:100px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
          margin-bottom: -8px;
        }

        .admin p {
        font-size: 14px;
        height: 97px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
        }

        .admin li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #FF7B47;
          padding:2px;
        }
        .admin li:hover p { margin-top:-105px; }

        .modo {
                height:65px;
          display: inline-block;
        }
        .modo ul {
          font:.75em "lucida grande", arial, sans-serif;
          overflow:auto;
          background:#96734c;
          list-style:none; }

        .modo li {
          width:85px;
          height:65px;
          position:relative;
          z-index:5;
          vertical-align:middle;
          border-radius:5px;
          adding:0px;
          overflow:hidden;
          float:left;
          margin-right: 8px;
          border: 2px solid #FFDF40;
          padding:2px;
        }

        .modo p {
        font-size: 10px;
        height: 63px;
        opacity: .8;
        background: #96734c;
        -webkit-transition: margin-top 1.5s ease-out;
        -moz-transition: margin-top 1.5s ease-out;
        transition: margin-top 1.5s ease-out;
          padding:6px;
          padding-top: 5px;
        }

        .modo li:hover {
          position:relative;
          z-index:10;
          -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #cba78f;
          padding:2px;
        }
        .modo li:hover p { margin-top:-68px; }

        /* Credits */

        .creditstd {
          height:115px;
        background-repeat: no-repeat;
        padding-left: 43px;
        background-position-x: 38px;
        }

        #blacredits {
        width: 480px;
          background-color: #C24444;
        text-align: justify;
        height: 77px;
        overflow: auto;
        margin-bottom: 8px;
          border: 1px solid #870000;
        border-radius: 5px;
        padding: 2px;
        }
     
        /* coup de coeur */

        .coupcoeur img {
        margin-right: 6px;
        margin-bottom: 8px;
            -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          border: 2px solid #EFFF94;
          border-radius: 5px;
          padding:2px;
        }

        .coupcoeur img:hover {
        border: 2px solid #F07F05;
            -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          padding:2px;
        }


        .coupcoeur div {
        color:#FFEF9C;
          height:19px;
        font-size: 23px;
        margin-top: 2px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        text-shadow: 0px 0px 5px #FFEF9C;
        -htm-transform: all;
        -htm-transition: 1s;
        -moz-transform: all;
        -moz-transition: 1s;
        -o-transform: all;
        -o-transition: 1s;
        -webkit-transform: all;
        -webkit-transition: 1s;
        margin-bottom: -6px;
        }

        .coupcoeur div:hover {
          color:#FFDF40;
          text-shadow: -16px -9px #FFA6A6, 2px 3px 1px #A40000;
        -htm-transform:all;
          -htm-transition:1s;
          -moz-transform:all;
          -moz-transition:1s;
          -o-transform:all;
          -o-transition:1s;
          -webkit-transform:all;
          -webkit-transition:1s;
        }

        /* Fin du bazar ajouté de Foocha' */
Oz-Chan

Oz-Chan
****

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

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Matriochka Ven 1 Mar 2013 - 14:12

C’est vrai que c’est plus visible sans l’image Smile Alors à ce moment, tu peux retirer ce que je t’ai fait insérer, non ?
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Oz-Chan Ven 1 Mar 2013 - 14:15

Contente que nous soyons du même avis. ^^
Je l'ai bien enlevé. Mais, le contour reste toujours jaune et non rouge foncé. ><
Oz-Chan

Oz-Chan
****

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

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Matriochka Ven 1 Mar 2013 - 14:20

Si tu ajoutes ceci dans ton CSS :
Code:
#text_editor_iframe, input, select, textarea {
border: 1px solid #870000;}
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problèmes d'affichage sur google chrome

Message par Oz-Chan Ven 1 Mar 2013 - 14:27

Cette fois-ci, tout est bon !
Je vous remercie beaucoup de votre aide ! ^^
Oz-Chan

Oz-Chan
****

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

http://newfofo.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

- Sujets similaires

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