Problème centrer et arrondis

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

Résolu Problème centrer et arrondis

Message par Oz-Chan le Ven 8 Juin 2012 - 17:17

Bonjour,
Comme beaucoup de monde en ce moment. Je ne m'en sors pas avec le css3 et j'ai quelques petits problèmes dont je n'ai pas trouvé de solution.
Ma colonne de droit et donc devenue carrée et n'est plus centrée avec le reste... Je vous laisse voir:

Serait-il possible de m'aider à remettre mes arrondis ainsi que de recentrer avec ce qu'il y a à gauche? Voici mon css:
Code:
*::-moz-selection {
  color: #F4F4F4;
  background: #9AC220 none repeat scroll 0 0;
}

body {
  margin-top: 10px;
}

.forumline {
  padding: 5px;
  border: 1px solid #cccccc;
border-top-left-radius:10px;
border-top-right-radius:  10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
  box-shadow: 0px 0px 20px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
}

a.forumlink {
  margin-top: 10px;
  margin-bottom: -8px;
  padding-left: 40px;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: -2px;
  height: 7px;
  display: block;
  line-height: 12px;
  background-attachment: scroll;
  background-color: #C0C0C0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

a.forumlink:hover {
  margin-top: 10px;
  margin-bottom: -8px;
  padding-left: 40px;
  text-shadow: 0px 0px 0px;
  height: 7px;
  line-height: 12px;
  background-attachment: scroll;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png");
}



/* --- LIENS --- */

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

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



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

.t1 {
  color: #9AC220;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 170%;
  text-shadow: black 1px 1px 2px;
  padding: 7px 7px 7px 7px;
  background-color: #D8D8D8;
  border: 2px solid #F4F4F4;
  border-left: 6px solid #F4F4F4;
  border-right: 6px solid #F4F4F4;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 0px 0px 5px #A0A0A0;
  -moz-box-shadow: 0px 0px 5px #A0A0A0;
  -webkit-box-shadow: 0px 0px 5px #A0A0A0;
}
.t1:hover { font-size: 180%; background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png"); }

.t2 {
  color: #9AC220;
  font-family: georgia;
  font-size: 150%;
  text-shadow: #6A6A6A 1px 1px 2px;
  padding-bottom: 3px;
  border-bottom: 5px solid #C0C0C0
}
.t2:hover { color: #5e97db; border-bottom: 5px solid #959595; }

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

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

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



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

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

.quote {
  background-color: #D8D8D8;
  border: 1px solid #C0C0C0;
  padding: 10px 10px 10px 10px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
}
.quote:hover { background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png"); }

.code {
  background-color: #D8D8D8;
  border: 1px solid #C0C0C0;
  padding: 10px 10px 10px 10px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
}
.code div.cont_code{ max-height:200px; overflow:auto }
.code:hover { background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png"); }

.spoiler {
  border: 1px solid #C0C0C0;
  background-color: #D8D8D8;
  padding: 7px 7px 7px 7px;
  -moz-border-radius: 10px 0px 10px 0px;
  -webkit-border-radius: 10px 0px 10px 0px;
  border-radius: 10px 0px 10px 0px;
  box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
}
.spoiler:hover { background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png"); }
.spoiler_closed {
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  border: 1px solid #CACACA;
}
.spoiler_content {
  color: #808080;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  border: 1px solid #CACACA;
}



/* --- NAVIGATION --- */

.navi {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 999;
  width: 100%;
  background-color: #F4F4F4;
  border-bottom: 3px solid #4188BE;
  padding: 3px;
}

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

a.mainmenu img {display: none;}



/* --- PROFIL --- */

.avi {
  padding: 10px 5px 10px 5px;
  border: 1px solid #F4F4F4;
  border-top: 3px solid #F4F4F4;
  border-bottom: 3px solid #F4F4F4;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
}

.pseudo {
  border: 1px solid #F4F4F4;
  border-top: 3px solid #F4F4F4;
  -moz-border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #F4F4F4;
}
.pseudo:hover {
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png");
}

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

.rang {
  padding: 5px;
  border: 1px solid #F4F4F4;
  border-bottom: 3px solid #F4F4F4;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
}

.darkie {
  -moz-border-radius: 30px 30px 15px 15px;
  -webkit-border-radius: 30px 30px 15px 15px;
  border-radius: 30px 30px 15px 15px;
  box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
}

.proofil {
  padding: 5px;
  border: 1px solid #F4F4F4;
  border-top: 3px solid #F4F4F4;
  border-bottom: 3px solid #F4F4F4;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png");
  box-shadow: 0px 0px 2px #C0C0C0;
  -moz-box-shadow: 0px 0px 2px #C0C0C0;
  -webkit-box-shadow: 0px 0px 2px #C0C0C0;
}



/* --- MESSAGES --- */

.blabla {
  padding: 5px;
  border: 1px solid #C0C0C0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  box-shadow: 0px 0px 2px #C0C0C0;
  -moz-box-shadow: 0px 0px 2px #C0C0C0;
  -webkit-box-shadow: 0px 0px 2px #C0C0C0;
}



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

input {
  color: #5E97DB;
  border: 1px solid #F4F4F4;
  background-color: #F4F4F4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

input.post, select, textarea.inputbox, input.liteoption, input.mainoption {
  background-color: #F4F4F4;
}


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

select {
  background-color: #F4F4F4;
  border: 1px solid #F4F4F4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


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

textarea {
  padding: 2px;
  border: 1px solid #F4F4F4;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}


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

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

.cattitle { color: #9ac220; }

a.cattitle {
  display: block;
  text-align: center;
  text-align: center;
  color: #9ac220;
  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 #F4F4F4;
  background-color: #F4F4F4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

a.phalink {
  color: #9AC220;
  font-size: 10px;
}

a.phalink:hover {
  color: #5E97DB;
}

.desc {
  margin-top: 10px;
  padding: 5px;
  text-align: justify;
  border: 1px solid #C0C0C0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  box-shadow: 0px 0px 2px #C0C0C0;
  -moz-box-shadow: 0px 0px 2px #C0C0C0;
  -webkit-box-shadow: 0px 0px 2px #C0C0C0;
}

.pix {
  float: left;
  margin-right: 10px;
}



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

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


.lastie {
  width: 160px;
  padding: 5px;
  border: 1px solid #F4F4F4;
  border-top: 3px solid #F4F4F4;
  border-bottom: 3px solid #F4F4F4;
  -moz-border-radius: 40px 40px 20px 20px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  box-shadow: 0px 0px 2px #C0C0C0;
  -moz-box-shadow: 0px 0px 2px #C0C0C0;
  -webkit-box-shadow: 0px 0px 2px #C0C0C0;
}

.stats {
  margin-top: 3px;
}



/* --- PAGE D'ACCUEIL --- */

#menupa ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#menupa li { float: left; margin: auto; padding: 2; }
#menupa li a { display: block; width: 137px; color: #5e97db; text-decoration: none; padding: 5px; letter-spacing: -1px; font-size: 10px; margin: 2px; background-color: #f4f4f4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#menupa li a:hover { color:#9AC220; background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png"); -moz-box-shadow: 0px 0px 3px #fff; -webkit-box-shadow: 0px 0px 3px #fff; box-shadow: 0px 0px 3px #fff; }
#menupa ul li ul { display:none; }
#menupa ul li:hover ul { display:block; }
#menupa li:hover ul li { float:none; }
#menupa li ul { position:absolute; }

.contexte {
  width: 250px;
  height: 180px;
  overflow: auto;
  margin: -235px 45px 55px 0;
  text-align: justify;
}

.staffou {
  padding: 3px;
  border: 1px solid #9AC220;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.staffou:hover { border: 1px solid #5e97db; }

.news {
  height: 114px;
  overflow: auto;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 5px dotted;
}
.scan {
  padding-right: 10px;
  text-align: left;
  font-size: 9px;
}


.patitre {
  border: 1px solid #F4F4F4;
  border-top: 3px solid #F4F4F4;
  -moz-border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #F4F4F4;
  text-align: center;
  color: #9AC220;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.patitre:hover {
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png");
}

.pabox {
  padding: 5px 10px 5px 10px;
  border: 1px solid #F4F4F4;
  border-bottom: 3px solid #F4F4F4;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/patter13.png");
  text-align: justify;
}

.paimg {
  background-color: #B8B8B8;
  border: 2px solid #ADADAD;
  padding: 5px;
  -moz-border-radius: 10px 10px 10px 10px;
}

a.infobulle { position: relative; }
a.infobulle span { display: none; }
a.infobulle span { display: none; z-index: 999; }
a.infobulle:hover { background: none; z-index: 999; }
a.infobulle:hover span { display: inline; position: absolute; white-space: nowrap; top: 15px; left: 15px; padding: 3px; background-image: url("http://img268.imageshack.us/img268/3452/tshirt10.jpg"); color: #909090; border: 1px solid #F4F4F4; border-right: 3px solid #F4F4F4; border-left: 3px solid #F4F4F4; padding: 3px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: none; }

/* --- CHATBOX --- */

#chatbox_header .cattitle strong {
      display: none;
}

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

# body.chatbox {
    background-repeat: no-repeat;
    background-image: url(http://i30.servimg.com/u/f30/12/80/18/70/ozuuuu12.jpg);
    background-position: right bottom;
    display: block;
}

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

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


/* --- GROUPES --- */

a.bezarius { color: #C7C718; }
a.nightray { color: #696767; }
a.rainsworth { color: #D455CC; }
a.barma { color: #AB2929; }
a.pandora { color: #276692; }
a.baskerville { color: #AD00A1; }
a.chains { color: #438CC4; }
a.contractants { color: #5F802D; }
a.lutwidge{ color: #7CBA24; }
a.sorciers { color: #8F5528; }
a.civils { color: #B55007; }
a.nonrpgistes { color: #92809C; }


/* --- PREDEFINIS --- */

.predefbox {
  width: 650px;
  background-color: #D2D2D2;
  border: 2px solid #F4F4F4;
  border-top: 10px solid #F4F4F4;
  border-bottom: 10px solid #F4F4F4;
  -moz-border-radius: 70px 70px 40px 40px;
  -webkit-border-radius: 70px 70px 40px 40px;
  border-radius: 70px 70px 40px 40px;
}

.predefname {
  margin: 10px 0 -13px 0;
  color: #F4F4F4;
  font-family: georgia;
  font-size: 40px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

.predefpix {
  padding: 3px;
  border: 1px solid #9AC220;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.predefpix:hover {
  border: 1px solid #5E97DB;
}

.predeftitre {
  padding-left: 40px;
  color: #5E97DB;
  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: #C0C0C0;
  background-attachment: scroll;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.predeftitre:hover {
  color: #9AC220;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png");
}

.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://img268.imageshack.us/img268/3452/tshirt10.jpg"); color: #909090; border: 1px solid #F4F4F4; 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: #F4F4F4;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

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

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


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

.presbox {
  width: 650px;
  margin-top: 100px;
  padding-bottom: 30px;
  background-color: #F4F4F4;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.prespix {
  float: left;
  margin: -80px 10px 0 30px;
  padding: 7px;
  background-image: url("http://img268.imageshack.us/img268/3452/tshirt10.jpg");
  -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: #9AC220;
  font-family: georgia;
  font-size: 42px;
  font-style: italic;
  letter-spacing: -2px;
  opacity: 0.6;
  text-shadow: 1px 1px 6px #37450b;
}

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

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

.prestitre {
  color: #9AC220;
  font-family: georgia;
  font-size: 28px;
  font-style: italic;
  letter-spacing: -1px;
  height: 14px;
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png");
}

.presdesc {
  margin: 0 20px 0 20px;
  padding: 7px;
  text-align: justify;
  font-size: 11px;
  background-image: url("http://img268.imageshack.us/img268/3452/tshirt10.jpg");
  -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: #F4F4F4;
}

.youleft {
  width: 170px;
  height: 300px;
  float: left;
  margin-right: 3px;
  padding: 0 3px 0 3px;
  background-image: url("http://img268.imageshack.us/img268/3452/tshirt10.jpg");
}

.youtitre {
  color: black;
  font-family: Courier New;
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: 2px solid black;
}
Je vous remercie d'avance pour votre future aide !


Dernière édition par Oz-Chan le Mar 12 Juin 2012 - 22:09, é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: Problème centrer et arrondis

Message par Lixyr le Ven 8 Juin 2012 - 18:22

Bonjour.

Par hasard, n'auriez-vous pas fait la mise à jour de Firefox ? La version 13.0 n'affiche pas les arrondis, du moins c'était encore le cas hier. Ca pourrait expliquer le pourquoi du comment ce changement. Wink

Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème centrer et arrondis

Message par Oz-Chan le Ven 8 Juin 2012 - 18:35

Bonsoir,
C'est effectivement ça oui ! J'ai réussi à résoudre quelques petits trucs avec le css3 mais cet endroit... Impossible je n'y arrive pas... ><
Je vous remercie de votre réponse !

Oz-Chan
****

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

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

Résolu Re: Problème centrer et arrondis

Message par Manumanu le Ven 8 Juin 2012 - 18:36

Plus précisément, elle ne prend plus en charge -moz-border-radius et ses sous-propriétés (et c'est bien mieux ainsi).

Il faut passer par la propriété CSS exacte.
http://www.w3schools.com/cssref/css3_pr_border-radius.asp

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème centrer et arrondis

Message par Oz-Chan le Ven 8 Juin 2012 - 18:43

Justement j'y suis passée mais je n'y arrive pas. J'ai déjà été sur ce site.

Oz-Chan
****

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

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

Résolu Re: Problème centrer et arrondis

Message par Manumanu le Ven 8 Juin 2012 - 18:48

Dans ton CSS, tu as une classe .lastie, qui a toujours -moz-border-radius.

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème centrer et arrondis

Message par Oz-Chan le Ven 8 Juin 2012 - 18:50

Oui mais si je l'enlève, comme je l'ai dit avant, je n'arrive pas à remettre l'arrondis et le centrer. Je n'aurais pas ouvert ce topic s'il fallait juste le retirer. Ce qui est simple. XD

Oz-Chan
****

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

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

Résolu Re: Problème centrer et arrondis

Message par Manumanu le Ven 8 Juin 2012 - 18:55

Retire juste le -moz- devant, en laissant la propriété. Je t'assure que ça marche. Wink

Pour l'alignement par contre, je pense que c'est juste qu'ils ont aussi corrigé le comportement bizarre de Firefox rapport aux marges des éléments en border-box comme les tableaux... Parce que ce n'est aligné en haut pour aucun navigateur.

Il faudrait ajouter une classe au span qui contient la div "lastie", tu sais faire ?

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème centrer et arrondis

Message par Oz-Chan le Mar 12 Juin 2012 - 22:09

Désolé du retard ><.
J'ai réussi à faire tout comme je le désirai !
Je ferme donc le topic merci =D

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