Codage déformé sur Chrome et pas sur explorer...

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

Résolu Codage déformé sur Chrome et pas sur explorer...

Message par Asuna Nakamura le Lun 15 Juil 2013 - 16:43

Bonjour, j'ai un petit soucis avec le codage sur mon forum. Le problème c'est que du jour au lendemain, une partie de notre PA (codage) a été complètement déformé... Pensant que c'était peut-être nous qui avons touché quelque chose qu'il ne fallait pas, je suis aller sur mon autre forum (test pour design) et le problème est le même... Sur Google Chrome, c'est déformé. Sur Mozilla, ça dépend des personnes (chez moi ça va mais chez d'autres membres, c'est aussi déformé) et sur explorer, ça a l'air d'aller... Serait-ce un problème d'optimisation ?

http://i38.servimg.com/u/f38/12/48/82/57/pachro10.jpg  (sur Chrome)
http://i38.servimg.com/u/f38/12/48/82/57/pamozi10.jpg (sur Mozilla chez moi mais chez certains il est aussi déformé)

Voici notre CSS :

Spoiler:

Code:
.bloc_ensemble{
background-color:#ffffff;
width:840px;
height:590px;
float:center;
border:1px solid black;
box-shadow:0 0 10px black;
}

.bloc1{
background:#DBADB8;
width:770px;
height:570px;
margin-top:15px;
border-radius:5px 5px 5px 5px;
}

.bloc_lien{
display:inline-bloc;
border-radius:10px 10px 0px 0px;
border-bottom:1px dashed black;
height:20px;
width:100px;
background:#FFF;
border-top:1px solid black;
float:center;
text-align:center;
margin-top:-10px;
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 1s; -webkit-transition: 1s; transition:1s; -o-transition: 1s; -htm-transition: 1s; -ms-transition: 1s; -khtml-transition: 1s;
}

.bloc_lien:hover{
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
background:#D69AA9;
}

.text_lien{
color:black;
text-shadow:2px 2px 3px;

-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
}

.text_lien:hover{
padding-left:20px;
text-shadow:0 0 10px;
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
}

.text_lien:active{
text-shadow:2px 1px 2px red;
text-transform:uppercase;
letter-spacing:2px;
}

.bloc2{
border:4px double white;
width:350px;
height:170px;
text-transform:;
text-shadow:1px 1px 1px black;
font-size:15px;
font-family:bold;
}

.bloc3{
opacity:1;
border-radius:10px 10px 10px;
width:80px;
height:35px;
margin-left:10px;
background-image:url(http://image.noelshack.com/fichiers/2013/02/1358113789-khiughi.png);
background-repeat:no-repeat;
background-position:center left;
background-color:#B8B8B8;
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
overflow:hidden;
}

.bloc3:hover{
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
color:black;
background-image:none;
border:1px solid red;
box-shadow:0 0 10px;
}

.bloc33{
opacity:1;
border-radius:10px 10px 10px;
width:80px;
height:35px;
margin-left:10px;
background-image:url(http://image.noelshack.com/fichiers/2012/50/1355428490-222.png);
background-repeat:no-repeat;
background-position:center left;
background-color:#B8B8B8;
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
overflow:hidden;
}

.bloc33:hover{
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
color:black;
background-image:none;
border:1px solid red;
box-shadow:0 0 10px;
}

.bloc44{
opacity:1;
border-radius:10px 10px 10px;
width:80px;
height:35px;
margin-left:10px;
background-image:url(http://image.noelshack.com/fichiers/2012/50/1355428490-333.png);
background-repeat:no-repeat;
background-position:center left;
background-color:#B8B8B8;
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
overflow:hidden;
}

.bloc44:hover{
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
color:black;
background-image:none;
border:1px solid red;
box-shadow:0 0 10px;
}

.bloc55{
opacity:1;
border-radius:10px 10px 10px;
width:80px;
height:35px;
margin-left:10px;
background-image:url(http://image.noelshack.com/fichiers/2013/02/1358114134-skynympho.png);
background-repeat:no-repeat;
background-position:center left;
background-color:#B8B8B8;
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
overflow:hidden;
}

.bloc55:hover{
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
color:black;
background-image:none;
border:1px solid red;
box-shadow:0 0 10px;
}

.bloc66{
opacity:1;
border-radius:10px 10px 10px;
width:80px;
height:35px;
margin-left:10px;
background-image:url(http://image.noelshack.com/fichiers/2012/50/1355428490-555.png);
background-repeat:no-repeat;
background-position:center left;
background-color:#B8B8B8;
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
overflow:hidden;
}

.bloc66:hover{
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
color:black;
background-image:none;
border:1px solid red;
box-shadow:0 0 10px;
}


.bloc77{
opacity:1;
border-radius:10px 10px 10px;
width:80px;
height:35px;
margin-left:10px;
background-image:url(http://image.noelshack.com/fichiers/2012/50/1355428490-666.png);
background-repeat:no-repeat;
background-position:center left;
background-color:#B8B8B8;
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
overflow:hidden;
}

.bloc77:hover{
-moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all;
         -moz-transition: 2s; -webkit-transition: 2s; transition:2s; -o-transition: 2s; -htm-transition: 2s; -ms-transition: 2s; -khtml-transition: 2s;
color:black;
background-image:none;
border:1px solid red;
box-shadow:0 0 10px;
}

.text_staff{
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
display:block;
z-index:999;
color:white;
width: 80px;
height: 35px;
position:absolute;
margin-left:10px;
margin-top:5px;
position:center;
font-size:12px;
text-shadow:1px 0 0 red;
}

.text_staff:hover{
opacity:1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}


.bloc4{
border:4px double white;
width:250px;
height:150px;
text-transform:;
text-shadow:1px 1px 1px black;
font-size:14px;
font-family:bold;
}

.bloc5{
border:4px double white;
width:400px;
height:70px;
text-transform:;
text-shadow:1px 1px 1px black;
font-size:14px;
font-family:bold;
}

.bloc6{
border:4px double white;
width:190px;
height:270px;
text-transform:;
text-shadow:1px 1px 1px black;
font-size:14px;
font-family:bold;
}

.img{
opacity:0.5;
}

.img:hover{
opacity:1;
}
--------------------------
:hover {
text-decoration: none !important;
border-bottom: 1px dotted}
----------------------fond image--------
td.row1{
background-image : url(http://image.noelshack.com/fichiers/2013/04/1359131811-ros210fondbase2.jpg);
}
td.row2{

}
td.row3{
background-image : url(http://image.noelshack.com/fichiers/2013/04/1359131811-ros210fondbase2.jpg);
}
td.rowRight{
background-image : url(http://image.noelshack.com/fichiers/2013/04/1359131811-ros210fondbase2.jpg);
}
-------------------------------------------
u{border-bottom: 1px double;border-color:#A875F5;
-moz-border-radius:6px;}

I{border-bottom:none; text-decoration: none
}


a:hover {
text-shadow: 1px 2px 2px #ffffff;
text-decoration: none;
}

a {font-variant: small-caps;}

.forumline {-moz-border-radius:10px;}

.forumline{color: #000000;
-moz-border-radius: 10px 10px 10px 10px;
border-bottom: 1px solid #C7627B;
border-top: 1px solid ;
border-right: 6px solid ;
border-left: 6px solid ;}


a.forumlink:link, a.forumlink:visited {
font-family: serif;
background-color:#E7DDF0;
text-align: center;
font-size: 100%;
border-top: 3px solid #C7627B;
border-bottom: 3px double #C7627B;
color: #000000;
letter-spacing: 3px;
display: block;
}

a.forumlink:hover, a.forumlink:hover:visited {
color: #000000;
background-color:#C7627B;
text-transform : uppercase;
text-align: center;
display: block;
border-top: 3px solid #ffffff;
border-bottom: 3px double #d1d1d1;
}

a.mainmenu
{
font-family: valeur;
font-size: valeur;
text-align: center;
padding-left: valeur;
color: #000000;
font-variant: small-caps;
background-image : url(http://image.noelshack.com/fichiers/2012/49/1354838321-fiiiibg.png);
background-repeat: repeat;
background-color: #ffffff;
text-decoration: none;
border: 1px dashed #664f87;
border-left: 3px solid #664f87;
border-right: 3px solid #664f87;
-moz-border-radius:10px;
}

a.mainmenu:hover {
text-align: center;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }


.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-color: #ffffff;
border: #ea2050;
border-style: solid;
border: 1px #664f87;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.spoiler{
font-size: 12px;
line-height: 125%;
background-color: #ffffff;
border: #664f87;
color: #000000;
border-style: solid;
border: 1px #664f87;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif,Rod;
font-size: 11px;
color: #000000;
background-color: #ffffff;
border: #664f87;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #664f87;
dotted;
-moz-border-radius:6px;}

input,textarea, select
{
-moz-border-radius: 5px 5px 5px 5px;
padding-left: 4px;
background-color: #d1d1d1;
border: 1px dashed #664f87;
}

a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}


.boxtitle{
font-family: serif;
text-align: center;
background-color: #d1d1d1;
font-size:15px;
border-bottom: 3px double #664f87;
color: #000000;
display: block;}

.box {
background-color:#664f87;
color:#000000;
font-size:11px;
margin:0;
padding:3px 10px 10px 3px;
}

.main
{font-family: serif;
text-align: center;
font-size: 100%;
background-color: #d1d1d1;
border-bottom: 2px solid #664f87;
color: #000000;
letter-spacing: 1px;
display: block;}

.main:hover
{background-color: #664f87;
text-transform : uppercase;
text-align: center;
display: block;
border-bottom: 2px solid #d1d1d1;
}

a.imginfo {
position: relative;
color: #000000;
text-decoration: none;
border-bottom: 0px #939abdsolid;
}

a.imginfo span {
display: none;
}
a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}
a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 5px;
left: 15px;
background: #d1d1d1;
color: #000000;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #939abd;
border-right: 3px solid #939abd;
border-top: 3px solid #939abd;
border-bottom: 5px solid #939abd;
}


.abc {border-bottom: 5px solid #664f87}
.def {
background-color: #d1d1d1;
-moz-border-radius:5px;
font-size: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
}

.bodyline {-moz-border-radius:20px;}

.bodyline{border:7px solid ##ffffff;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid ##ffffff;
}

-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }

.bodyline{background-color: #transp;
border: 1px dotted;}

a.vignettes
{-moz-border-radius:7px;
background-color: #d1d1d1;
border: 1px solid #A875F5;
padding-right:10px;
color: #000000;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}

a.vignettes:hover
{-moz-border-radius:7px;
border: 1px solid #d1d1d1;
background-color: #A875F5;
text-shadow: 1px 2px 2px #000000;
color: #000000;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}

a.fofo {
text-decoration: none;
background-color: #939abd;
border-bottom: 1px double #939abd;
border-top: 1px double #939abd;
-moz-border-radius: 15px ;
border-right: 5px solid #939abd;
-moz-border-radius: 15px ;
border-left: 5px solid #939abd;
display:block;
}


a.fofo:hover {
text-decoration: none;
background-color: #939abd;
color: #000000;
border-bottom:1px double #939abd;
border-top: 1px double #939abd;
-moz-border-radius: 15px ;
border-right: 5px solid #939abd;
-moz-border-radius: 15px ;
border-left: 5px solid #939abd;
display:block;
}

a.infobulle {
position: relative;
}

a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

/* on positionne notre infobulle */
left: 105px;

background: none; /* arrière-plan de l'infobulle */

color: black; /* texte dans l'infobulle */
padding: 3px;

}


.opacity {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

a.forumlien {
text-decoration: none;
background-color: #939abd;
border-bottom: 1px double #939abd;
border-top: 1px double #939abd;
-moz-border-radius: 10px ;
border-right: 2px solid #939abd;
-moz-border-radius: 5px ;
border-left: 2px solid #939abd;
display:block;

}
a.forumlien:hover {
text-decoration: none;
background-color: #939abd;
color: #efefef;
border-bottom:1px double #939abd;
border-top: 1px double #939abd;
-moz-border-radius: 10px ;
border-right: 2px solid #939abd;
-moz-border-radius: 5px ;
border-left: 2px solid #939abd;
display:block;
}

body.chatbox {
background-color: #efefef;

}

#chatbox_header {
background-color: #efefef;
}

#chatbox_members .member-title {
background-color: #efefef;
}


/* ------------------------------------ {Qui est en ligne} --------------------------------------------------------------------------------------------------------- */
.qeel_start
{
background-color: #ffffff;
color:#000000;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 18px;
-moz-border-radius-topright: 18px;
-webkit-border-top-right-radius: 18px;
-moz-border-radius-bottomleft: 18px;
-webkit-border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px;
-webkit-border-bottom-right-radius: 18px;
}

.groupes
{
text-transform: uppercase;
font-size: 11px;
background-color: #ffffff;
border: 1px dashed #664f87;
text-shadow: 1px 2px 2px #ffffff;
padding-left: 7px;
padding-right: 7px;
-moz-border-radius-topleft: 12px;
-webkit-border-top-left-radius: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 20px;
}

.qeel_align
{
  color:#000000;
margin-left: 12px;
}

.qeel_birth
{
text-align: center;
background-color: #ffffff;
color: #000000;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}

.qeel_texte
{
background-color: #ffffff;
color: #000000;
padding-right: 10px;
padding-left: 10px;
text-align: justify;
width: 376px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}

.texte_qui
{
padding-left: 10px;
padding-right: 10px;
  color:#000000;
}




background-attachment: fixed;

.blocdesc {
  color:#000000;
width: 100%;
margin: 60px;
overflow-y: auto;
border: 1px solid #C7627B;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 0 4px #000;
box-shadow: 0 0 4px #000;
-webkit-box-shadow: 0 0 4px #000;
}

.statistiques{
  color:#000000;
border:0px;
background-image: url(http://img4.hostingpics.net/pics/221685QEEL2.png);
background-repeat: no-repeat;
background-position: center;
height:300px;}

Et voici notre PA :

Spoiler:

Code:
<center><div class="bloc_ensemble"><div class="bloc1"><table><tr><td><div class="bloc_lien"><span class="text_lien"><a href="http://gokusha-no-neko.forumactif.com/t575-gokusha-story">Contexte</a></span></div></td><td><div class="bloc_lien"><span class="text_lien"><a href="http://gokusha-no-neko.forumactif.com/t4515-reglement-general-a-lire-imperativement">Règlement</a></span></div></td><td><div class="bloc_lien"><span class="text_lien"><a href="http://gokusha-no-neko.forumactif.com/t4441-o-charte-a-signer#34247">Charte</a></span></div></td><td><div class="bloc_lien"><span class="text_lien"><a href="http://gokusha-no-neko.forumactif.com/c4-personnages">Présentations</a></span></div></td><td><div class="bloc_lien"><span class="text_lien"><a href="http://gokusha-no-neko.forumactif.com/chatbox/index.forum">Chatbox</a></span></div></td></tr></table>

<br /><img src="http://image.noelshack.com/fichiers/2012/49/1354826883-beghrjt.png" />
<br /><table><tr><td><fieldset class="bloc2"><legend align="center" style="border:px solid black;"><img src="http://image.noelshack.com/fichiers/2012/49/1354826191-syn.png" /></legend><div style="height:120px;overflow:auto;">Un jour comme un autre, la vie de notre petit monde se fit changer. Les hybrides ont été créés par un laboratoire clandestin, usant d'enfants enlevés ou vendus. Ces créatures sont aujourd'hui vendues pour le plus grand plaisir de tout les humains. Les hybrides n'ont aucun droit... Le temps est passé depuis ce jour, et rien n'a véritablement changé, si ce n'est peut-être que l'on entend des rumeurs sur des créatures rebelles... La rébellion est en marche.

Ici, dans ces lieux, vous avez le choix entre devenir un[e] maître[sse], hybrides dociles ou rebelles.

Quelle sera votre "race"?
Que choisirez-vous?
Votre destin dépend de cette décision, alors choisissez bien et rejoignez nous pour votre plus grande joie ou déplaisir...  </div> </fieldset></td><td><img src="http://image.noelshack.com/fichiers/2012/49/1354826138-nad.png" /><br /><table><tr><td><div class="bloc3"><div class="text_staff"><a href="http://gokusha-no-neko.forumactif.com/u2">Profil</a> ◮ <a href="http://gokusha-no-neko.forumactif.com/privmsg?mode=post&u=2">MP</a></div></div></td><td><div class="bloc33" style="margin-left:-3px;"><div class="text_staff"><a href="http://gokusha-no-neko.forumactif.com/u130">Profil</a> ◮ <a href="http://gokusha-no-neko.forumactif.com/privmsg?mode=post&u=130">MP</a></div></div></td><td><div class="bloc44"><div class="text_staff"><a href="http://gokusha-no-neko.forumactif.com/u373">Profil</a> ◮ <a href="http://gokusha-no-neko.forumactif.com/privmsg?mode=post&u=373">MP</a></div></div></td></tr>
<tr><td><div class="bloc55" style="margin-left:30px;margin-bottom:5px;"><div class="text_staff"><a href="http://gokusha-no-neko.forumactif.com/u615">Profil</a> ◮ <a href="http://gokusha-no-neko.forumactif.com/privmsg?mode=post&u=615">MP</a></div></td><td><div class="bloc66"><div class="text_staff"><a href="http://gokusha-no-neko.forumactif.com/u1453">Profil</a> ◮ <a href="http://gokusha-no-neko.forumactif.com/privmsg?mode=post&u=1453">MP</a></div></div></td><td><div class="bloc77"><div class="text_staff"><a href="http://gokusha-no-neko.forumactif.com/u1752">Profil</a> ◮ <a href="http://gokusha-no-neko.forumactif.com/privmsg?mode=post&u=1752">MP</a></div></div></td></div></tr></table></td></tr></table><div style="margin-top:-30px;margin-left:-50px;"><table><tr><td><img src="http://image.noelshack.com/fichiers/2012/49/1354826171-ts.png" /><br /><table><tr><td> <div style="margin:auto;text-align:center;width:100%"><a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=5537" class="postlink" target="_blank"><img src="http://s4.noelshack.com/uploads/images/2190186229473_kbvhxd_copie.png" border="0" alt="" /></a>

<a href="http://www.root-top.com/topsite/moonlighttoprpg/in.php?ID=1228" class="postlink" target="_blank"><img src="http://s4.noelshack.com/uploads/images/2190186229473_kbvhxd_copie.png" border="0" alt="" /></a>

<a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=1976" class="postlink" target="_blank"><img src="http://s4.noelshack.com/uploads/images/2190186229473_kbvhxd_copie.png" border="0" alt="" /></a>

<a href="http://www.root-top.com/topsite/chenshen/in.php?ID=572" class="postlink" target="_blank"><img src="http://s4.noelshack.com/uploads/images/2190186229473_kbvhxd_copie.png" border="0" alt="" /></a><br>

<a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=2302" class="postlink" target="_blank"><img src="http://s4.noelshack.com/uploads/images/2190186229473_kbvhxd_copie.png" border="0" alt="" /></a>

<a href="http://www.root-top.com/topsite/velusia/in.php?ID=4450" class="postlink" target="_blank"><img src="http://s4.noelshack.com/uploads/images/2190186229473_kbvhxd_copie.png" border="0" alt="" /></a>

<a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=1241" class="postlink" target="_blank"><img src="http://s4.noelshack.com/uploads/images/2190186229473_kbvhxd_copie.png" border="0" alt="" /></a>
</div></div></td><td><div class="top"></div></td><td><div class="top"></div></td><td><div class="top"></div></td></tr></table><div style="margin-left:15px;margin-top:-3px;"><table><tr><td><div class="top" ></div></td><td><div class="top"></div></td><td><div class="top"></div></td></div></tr></table></div></td>

<td><div style="margin-left:-260px;margin-top:30px;"><fieldset class="bloc4"><legend align="center" style="border:px solid black;"><img src="http://image.noelshack.com/fichiers/2012/49/1354826754-actuuuu.png" /></legend><div style="height:100px;overflow:auto;">
<strong> 10/07/2013 :</strong> Mise à Jour du Règlement ! Allez vite le lire !
<strong>; 09/07/2013 :</strong> Un recensement général est ouvert jusqu'au 1er Septembre. <a href="http://gokusha-no-neko.forumactif.com/t4689-recensement-general?tid=98ff2ee55de7d465aa1dff9e200af97c" class="postlink">Cliquez ici. ~</a>
Héhé. N'oubliez pas de vous recenser et de voter pour nous sur les tops sites ! ~ </fieldset></td></tr>
<tr><td><fieldset class="bloc5"><legend align="center" style="border:px solid black;"><img src="http://image.noelshack.com/fichiers/2012/49/1354826138-na.png" /></legend>
<marquee><table><tr><td><img class="opacity" src="http://nimga.fr/m/8JDxO.png" border="0" alt="" /></a> <br></td><td><a href="http://forum-theme.forumperso.com/" class="postlink" target="_blank"></a> </div> <br></td><td><div class="img"><a href="http://pensionnat-okasaki.forumgratuit.org" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/55976388x31.jpg" border="0" alt="" /></a></td><td></a></td><td><a href="http://himitsu-rpg.forumactif.com" class="postlink" target="_blank"><img class="opacity" src="http://img4.hostingpics.net/pics/780779Bouton1png.png" border="0" alt="" /></a> <br></td><td><a href="http://shushu.forumactif.com/" class="postlink" target="_blank"><img class="opacity" src="http://i77.servimg.com/u/f77/14/57/24/68/mimilu12.png" border="0" alt="" /></a><br></div></td><td><a href="http://tales-of-world.forumactif.org/
" class="postlink" target="_blank"><img class="opacity" src="http://i47.servimg.com/u/f47/17/07/98/76/88x3110.jpg" border="0" alt="" /></a><br></td><td><a href="http://antarcia.forumgratuit.org/
" class="postlink" target="_blank"><img class="opacity" src="http://img4.hostingpics.net/pics/59326188312.png" border="0" alt="" /></a></div></td><td><a href="http://graph-kawaii.forumactif.biz
" class="postlink" target="_blank"><img class="opacity" src="http://i1103.photobucket.com/albums/g461/maikokiryu/bouton1.png
" border="0" alt="" /></div></td><td><a href="http://guerre-des-races.forumactif.com" class="postlink" target="_blank"><img class="opacity" src="http://i68.servimg.com/u/f68/12/48/82/57/gueee10.png" border="0" alt="" /></a></div></td><td><a href="http://meis-butler.forumactif.com
" class="postlink" target="_blank"><img class="opacity" src="http://img11.hostingpics.net/pics/3511448831.png" border="0" alt="" /></a></div></td><td><a href="kichitown.meilleurforum.com
" class="postlink" target="_blank"><img class="opacity" src="http://i69.servimg.com/u/f69/16/19/13/22/20r6zq10.jpg" border="0" alt="" /></a></div></td></table></marquee></fieldset></div></td><td><div style="margin-left:25px;"><fieldset class="bloc6" style="margin-top:-200px;margin-right:-60px;"><legend align="center" style="border:px solid black;"><img src="http://image.noelshack.com/fichiers/2012/49/1354826212-cre.png" /></legend><div style="height:230px;overflow:auto;">
• Thème by Free Hugs.  ©<br>
• Page d'accueil by Kinotto.  ©
• Css et Qeel by Inu.   ©
• Beaucoup d'images by Zerochan.
Un grand remerciement à Free Hugs et à Kinotto de Libre Graph' ! ♥ Egalement gros merci à Skye que j'ai harcelé pour les petits boutons ! (tmtcay bb) Et gros bisous à nos administrateurs pour leurs aides au quotidien et aux membres qui font vivre le fofow. ♥ <span style="font-size: 9px; line-height: normal">Toute copie (Images, textes...) partielle ou totale, est strictement interdite.</span><a href="http://forum-theme.forumperso.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://nimga.fr/m/8JDxO.png" border="0" alt="" /></a>
 </div>

</fieldset></div></td></tr></table>


</div></div></center>

<span style="font-size: 24px; line-height: normal"><center><font color="red"><font face="georgia"> L'EVENT "GENDERBEND" EST OUVERT DE JUILLET À AOÛT ! \O/ </font></font></center></span>

Merci d'avance et bon courage à celui ou celle qui saura nous aider !

Asuna Nakamura
Nouveau membre

Messages : 27
Inscrit(e) le : 18/07/2011

http://gokusha-no-neko.forumactif.com
Asuna Nakamura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codage déformé sur Chrome et pas sur explorer...

Message par Anzu le Lun 15 Juil 2013 - 17:20

Bonjour,

Les navigateurs des membres concernés sont-ils à jour ?

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codage déformé sur Chrome et pas sur explorer...

Message par Asuna Nakamura le Lun 15 Juil 2013 - 18:44

Bonsoir, merci de votre réponse.
Pour la plupart oui mais le soucis se concentre plutôt vers Google Chrome. Je viens de vérifier si j'étais à jour et même en l'étant, la déformation est toujours présente... x_x

Asuna Nakamura
Nouveau membre

Messages : 27
Inscrit(e) le : 18/07/2011

http://gokusha-no-neko.forumactif.com
Asuna Nakamura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codage déformé sur Chrome et pas sur explorer...

Message par Anzu le Lun 15 Juil 2013 - 19:07

Je pense que Chrome boude cette balise:
Code:
<fieldset>
Razz

Remplacez là par une div, il va falloir redéfinir la hauteur dans le css "bloc5".

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codage déformé sur Chrome et pas sur explorer...

Message par Asuna Nakamura le Lun 15 Juil 2013 - 20:09

Merci,
Donc je mets <fieldset> à la place d'un <div> dans le css dans la partie du bloc 5 ?
*vraiment pas douée avec le codage*

Asuna Nakamura
Nouveau membre

Messages : 27
Inscrit(e) le : 18/07/2011

http://gokusha-no-neko.forumactif.com
Asuna Nakamura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codage déformé sur Chrome et pas sur explorer...

Message par Anzu le Lun 15 Juil 2013 - 20:26

Effectivement vous mélangez tout Razz

Tous les
Code:
<fieldset>
vous les remplacez par <div>
Tous les
Code:
</fieldset>
vous les remplacez par </div>

Normalement, il ne devrait plus y avoir de déformation sur Chrome.

Ensuite ici:

Code:
.bloc5{
border:4px double white;
width:400px;
height:70px;
text-transform:;
text-shadow:1px 1px 1px black;
font-size:14px;
font-family:bold;
}

Selon ce que vous obtiendrez sur votre forum, il faudra modifier la hauteur.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codage déformé sur Chrome et pas sur explorer...

Message par Asuna Nakamura le Ven 19 Juil 2013 - 0:01

Bonsoir !
Merci beaucoup, j'ai réussi à réparer les dégâts.
Encore merci pour votre aide !

Asuna Nakamura
Nouveau membre

Messages : 27
Inscrit(e) le : 18/07/2011

http://gokusha-no-neko.forumactif.com
Asuna Nakamura 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