Affichage de Firefox différent chez moi
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Affichage de Firefox différent chez moi
Bonjour !
J'ai remarqué depuis quelques jours, (ça veut pas dire que le problème vient d'apparaître), que l'affichage de ce forum : http://mblaq-hole.forumactif.com/ est correcte sur Chrome mais pas sur Firefox.
Mais j'ai demandé autour de moi, le forum s'affiche bien pour eux avec Firefox.
Pour vous donner un exemple :
Firefox
Je ne sais pas comment changer ça, car j'aimerais me remettre à utiliser essentiellement Firefox, lui qui gère mieux les codes que Chrome.
Le forum a des templates modifiés et du CSS.
Merci d'avance !
J'ai remarqué depuis quelques jours, (ça veut pas dire que le problème vient d'apparaître), que l'affichage de ce forum : http://mblaq-hole.forumactif.com/ est correcte sur Chrome mais pas sur Firefox.
Mais j'ai demandé autour de moi, le forum s'affiche bien pour eux avec Firefox.
Pour vous donner un exemple :
Firefox
- Spoiler:
- Spoiler:
Je ne sais pas comment changer ça, car j'aimerais me remettre à utiliser essentiellement Firefox, lui qui gère mieux les codes que Chrome.
Le forum a des templates modifiés et du CSS.
Merci d'avance !
Dernière édition par Pyphilia le Sam 24 Déc 2011 - 18:50, édité 1 fois
Invité- Invité
Re: Affichage de Firefox différent chez moi
Bonsoir,
Il s'agit du fond du forum c'est cela ?
Ce qu'on voit sur Chrome (et pas sur Opera non plus), c'est une image ?
Elle est placée où ? Dans les images ? Dans le CSS ?
A propos, pourrais-tu donner le CSS ?
Il s'agit du fond du forum c'est cela ?
Ce qu'on voit sur Chrome (et pas sur Opera non plus), c'est une image ?
Elle est placée où ? Dans les images ? Dans le CSS ?
A propos, pourrais-tu donner le CSS ?
Re: Affichage de Firefox différent chez moi
Oui, le fond du forum
Le code est un peu fatra ^^'
- Code:
.youtube, .image{
background-color:#245082;
}
.rang{
text-align:center;
margin-top:-5px;
}
.texte{
color:#245082;
}
/****PRESENTATION****/
/*Précode*/
.img_200x320_précode{
width:auto;
height:auto;
margin-right:10px;
border:5px #245082 solid;
border-radius:10px;
}
.td_texte_précode{
height:auto;
border-left:3px grey double;
border-radius:50px;
}
.texte_précode{
overflow:auto;
font-size:10px;
height:300px;
width:300px;
padding:10px;
word-wrap:break-word;
}
.img_100x100_précode{
margin-left:10px;
box-shadow:black 0px 0px 5px;
}
/*Prérp*/
.bann_prérp{
height:100px;
width:500px;
}
.pseudo_prérp{
margin-top:-10px;
color:black;
text-transform:uppercase;
font-weight:bold;
letter-spacing:-5px;
font-size:30px;
font-style:italic;
font-family:georgia;
text-shadow: white 0px 0px 7px;
}
.texte_prérp{
font-size:11px;
color:grey;
background-color:white;
border-right:15px grey solid;
border-left:15px grey solid;
height:250px;
padding-bottom:10px;
width:470px;
margin-top:-10px;
padding-top:20px;
overflow:auto;
}
/*****PA*****/
.texte{
font-size: 18px; line-height: normal; font-family:Verdana;
}
.boite_pa{
height: 50px; padding:5px; margin : 10px; overflow: auto; border: #245082 solid 5px; border-radius: 20px;
}
.youtube{
width: auto; padding:10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;
}
/*Top site*/
.seungho
{
background-image: url(http://img4.hostingpics.net/pics/617632topsitesh.png);
height: 60px;
opacity:0.5;
width:60px;
}
.go
{
background-image: url(http://img4.hostingpics.net/pics/230623topsitego.png);
height: 60px;
width:60px;
opacity:0.5;
}
.joon
{
background-image: url(http://img4.hostingpics.net/pics/558808topsitejoon.png);
height: 60px;
width:60px;
opacity:0.5;
}
.thunder
{
background-image: url(http://img4.hostingpics.net/pics/214521topsitethunder.png);
height: 60px;
width:60px;
opacity:0.5;
}
.mir
{
background-image: url(http://img4.hostingpics.net/pics/725597topsitemir.png);
height: 60px;
width:60px;
opacity:0.5;
}
.thunder:hover, .mir:hover, .go:hover, .joon:hover, .seungho:hover
{
opacity:1;
}
/**Staff**/
div.cell
{
position:relative;
color:#000;
z-index: 0;
opacity:0.6;
}
div.cell:hover{
background-color: transparent;
z-index: 50;
opacity:1;
}
div.cell span
{
display: none
}
div.cell:hover span
{
display:block;
position:absolute;
top:2em; left:2em; width:10em;
border: 5px solid #0e2033;
border-radius : 30px;
background-image: url('http://img11.hostingpics.net/pics/960749fond.png\');
color:#000;
text-align: center;
padding:5px;
height: 120px;
width:130px;
z-index: 4;
}
a.admin
{
color: #F70F83;
font-weight: bold;
text-align:center;
}
.admin:hover
{
text-decoration:underline;
color: #f2a9cd;
}
a.modo
{
color: #0C7D14;
font-weight: bold;
text-align:center;
}
.modo:hover
{
text-decoration:underline;
color: #3fb847;
}
.legende_cell
{
font-size: 10px;
color: grey;
text-align:center;
}
/*News*/
.boite_news
{
border: #0e2033 10px solid;
border-radius: 45px;
padding: 0 20px 10px 20px;
text-align: center;
width: auto;
height: auto;
background-color:white;
margin : 10px;
box-shadow: black 2px 2px 2px 2px;
}
.boite_titre
{
text-align: center;
color: white;
font-size: 30px;
margin-top: -30px;
font-style: italic;
text-shadow: 2px 2px 2px black;
letter-spacing: -3px;
}
.credit
{
text-align:left;
font-size: 7px;
}
/*Règlement*/
.reglement_titre
{background-color: #538672;
text-align: center;
color: white;
box-shadow: 1px 2px 9px #000;
border-radius: 50px;
margin: auto;
width: 300px;
height: 30px;
font-size: 30px;
}
.reglement_block
{background-color: white;
color: grey;
border: 8px solid #538672;
margin-top: -100px;
border-radius: 50px;
margin: auto;
height: auto;
width: 550px;
box-shadow: 1px 2px 3px #000;
padding: 20px;
}
.intro
{
margin: auto; width: 400px;
height: auto;
font-style: italic;
text-align:center;
}
.bodyline{ border-radius: 6px;
}
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}
a.imginfo span {
display: none; /* on masque l\'infobulle */
}
a.imginfo:hover {
background: none; /* correction d\'un bug IE */
z-index: 999; /* on définit une valeur pour l\'ordre d\'affichage */
cursor: help; /* on change le curseur par défaut en curseur d\'aide */
}
a.imginfo:hover span {
display: inline; /* on 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é */
top: -30px; /* on positionne notre infobulle */
left: -40px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a {
outline: none;
}
td.row1
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
td.row2
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
td.row3
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
td.rowpic
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
th
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/grunge-warning-stripes/grunge-warning-stripes-002311-light-gray.jpg");}
td.row3Right
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/grunge-warning-stripes/grunge-warning-stripes-002311-light-gray.jpg");}
a.forumlink{
display: block;
font-weight: bold;
font-style: oblique;
font: verdana;
letter-spacing: -1px;
text-shadow: 1px 1px 1px #000000;
font-size: 20px;
text-transform: lowercase;
border-radius : 25px 25px 0px 0px ;
text-align:left;
}
textarea, .textarea.post, input.post {
border-radius:4px;
}
/* QEEL */
.onglet {background-color: #0e2033;
border-radius-bottomleft:20px;
border-radius-bottomright:20px;
border-radius-topleft:0px;
border-radius-topright:20px;
-webkit-border-radius-bottomleft:20px;
-webkit-border-radius-bottomright:20px;
-webkit-border-radius-topleft:0px;
-webkit-border-radius-topright:20px;
border-right: 2px solid #000000;
border-left: 2px solid #000000;
border-topleft: 2px solid #000000;
border-topright: 2px solid #000000;
text-align:center !important;
padding-top:1px;padding-bottom:1px;
color: #FFFFFF;
text-decoration: none
font-variant: small-caps;
letter-spacing: 2px;
font-size: 20px;
font-family: georgia;}
.message { background-color: #;
width: 600px;
height: 200px;
border-radius: 6px
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: center;
color: #3D4952;}
.image {
padding:5px;
border-radius: 6px;
margin-top:-47px;
margin-bottom:-55px;}
.groupes{
background-color: #ebe8e8;
border: 2px color #ddbb9f ;
border-radius : 6px 6px 6px 6px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #dd4843 ;
text-decoration: none !important;
}
a { text-decoration: none; }
.mainmenu img
{
display : none !important;
}
/* Menu navigation */
a.mainmenu {
font-weight: bold;
font-style: oblique;
font: verdana;
letter-spacing: -1px;
text-shadow: 1px 1px 1px #000000;
font-size: 18px;
text-transform: lowercase;
border-radius : 25px 25px 0px 0px ; }
/* Menu navigation au survol de la souris */
a.mainmenu:hover {
font-weight: bold;
font-style: oblique;
font: verdana;
letter-spacing: -1px;
text-shadow: 1px 1px 1px #d8d8d8;
color :
font-size: 18px;
text-transform: lowercase;
border-radius : 25px 25px 0px 0px ; }
.bodylinewidth {
width:580px;
}
/* pas de soulignement de liens */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
u {
border-bottom: 1px dotted #ffffff ;
text-decoration: none
}
I {
color: #4e3420;
text-decoration: none
font-variant: small-caps;
letter-spacing: 2px;
}
a {
color: #765469;
text-decoration: none
font-variant: small-caps;
letter-spacing: 2px;
font-size: 9px;
font-family: georgia;
}
.forumline {border:5px solid #000000;
border-radius:10px;
}
.fondavatar {
background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/grunge-warning-stripes/grunge-warning-stripes-002311-light-gray.jpg");
border : 5px solid #245082 ;
border-radius: 5px 5px 5px 5px }
.membres{
display:block;
margin-left:210px;
margin-bottom:-25px;
}
Le code est un peu fatra ^^'
Invité- Invité
Invité- Invité
Re: Affichage de Firefox différent chez moi
Dans ton CSS je ne vois pas l'image de fond dans l'identifiant "body" ou "bodyline", celle que l'on voit que via Google.
En inspectant ton forum, je vois dans "body" le champ vide pour l'image de fond :
https://illiweb.com/fa/empty.gif
Alors où as-tu mis cette image de fond ?
Et pourrais-tu me donner le lien de l'image ?
En inspectant ton forum, je vois dans "body" le champ vide pour l'image de fond :
https://illiweb.com/fa/empty.gif
Alors où as-tu mis cette image de fond ?
Et pourrais-tu me donner le lien de l'image ?
Re: Affichage de Firefox différent chez moi
Ce n'est pas l'image de fond qui ne marche, c'est l'image dans le cadre + la nav et d'autres petites choses.
Le fond de l'intérieur du cadre
Le fond de l'intérieur du cadre
- Code:
td.row1
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
td.row2
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
td.row3
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
td.rowpic
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
th
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/grunge-warning-stripes/grunge-warning-stripes-002311-light-gray.jpg");}
td.row3Right
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg");}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom
{background-image: url("http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/grunge-warning-stripes/grunge-warning-stripes-002311-light-gray.jpg");}
Invité- Invité
Re: Affichage de Firefox différent chez moi
A première vue, tout de go comme ça, tes image ne sont pas hébergée, ce qui est lourd pour le web en général.
Commence déjà par les héberger (sur FA c'est chez Servimg"), peut-être que ça passera.
D'autre part, certains navigateurs ne lisent pas les images entourées de guillemets dans le CSS, alors ne pas les mettre :
background-image: url(http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg);
Essaie avec les images hébergées et la bonne syntaxe :
Commence déjà par les héberger (sur FA c'est chez Servimg"), peut-être que ça passera.
D'autre part, certains navigateurs ne lisent pas les images entourées de guillemets dans le CSS, alors ne pas les mettre :
background-image: url(http://backgrounds.mysitemyway.com/wp-content/Userfiles/Galleries/curtains/curtains-001711-light-gray.jpg);
Essaie avec les images hébergées et la bonne syntaxe :
td.row1
{background: #000 url(https://i.servimg.com/u/f43/17/03/76/41/curtai10.jpg); /*ordre a respecter pour les normes W3C avec le raccourci background > color image repeat attachment position*/
}
td.row2
{background: transparent url(https://i.servimg.com/u/f43/17/03/76/41/curtai10.jpg);}
td.row3
{background: transparent url(https://i.servimg.com/u/f43/17/03/76/41/curtai10.jpg);}
td.rowpic
{background: transparent url(https://i.servimg.com/u/f43/17/03/76/41/curtai10.jpg);}
th
{background: transparent url(https://i.servimg.com/u/f43/17/03/76/41/grunge11.jpg);}
td.row3Right
{background: transparent url(https://i.servimg.com/u/f43/17/03/76/41/curtai10.jpg);}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom
{background: transparent url(https://i.servimg.com/u/f43/17/03/76/41/grunge11.jpg);}
Re: Affichage de Firefox différent chez moi
ça ne change rien =/
Mais apparemment, c'est une partie du css qui ne marche pas, si ce n'est pas tout le css qui est désactivé sur Firefox...
Mais apparemment, c'est une partie du css qui ne marche pas, si ce n'est pas tout le css qui est désactivé sur Firefox...
Invité- Invité
Re: Affichage de Firefox différent chez moi
Si si, pour moi c'est bon sur tous les navigateurs communs :
IE9, FF, Google. Safari et Opera.
Avant ça ne fonctionnait aussi que sur Google.
IE9, FF, Google. Safari et Opera.
Avant ça ne fonctionnait aussi que sur Google.
Re: Affichage de Firefox différent chez moi
Wiw, je crois que c'est un blem chez mwa, mais je vois pas qwa...
Je test de désinstalle Fire pour voir, je crois qu'il y a une sorte d'enregistrement qu'il fait.
Bon bah, ça change rien...
Je test de désinstalle Fire pour voir, je crois qu'il y a une sorte d'enregistrement qu'il fait.
Bon bah, ça change rien...
Invité- Invité
Re: Affichage de Firefox différent chez moi
Alors là, je ne saurais que te recommander, si tu as bien mis les derniers codes que je t'ai donné...
Parce que si ça s'affiche normalement sur IE, ça doit s'afficher partout (sans parler que j'ai testé sur tous les navigateurs précités).
Parce que si ça s'affiche normalement sur IE, ça doit s'afficher partout (sans parler que j'ai testé sur tous les navigateurs précités).
Re: Affichage de Firefox différent chez moi
Oui, ça doit être mon Firefox, mais je ne sais pas comment changer, alors que je l'ai désinstaller/installer déjà...
Bizarre bizarre...
Bizarre bizarre...
Invité- Invité
Re: Affichage de Firefox différent chez moi
Va dans ton OS (C:) et supprime bien Firefox par son uninstall > application
C'est en général suffisant.
Sinon cherche dans l'index "User" > toi
et vois s'il ne traine plus rien.
J'avais dû le faire une fois, et je sais que c'était assez galère, mais je ne me souviens pas bien de toute la procèdure,
Pose aussi des question à Google (ton ami).
C'est en général suffisant.
Sinon cherche dans l'index "User" > toi
et vois s'il ne traine plus rien.
J'avais dû le faire une fois, et je sais que c'était assez galère, mais je ne me souviens pas bien de toute la procèdure,
Pose aussi des question à Google (ton ami).
Re: Affichage de Firefox différent chez moi
Ca marche toujours pas =/
Mais j'ai cherché avant de demander ^^'
Bon, je vais regarder ça encore.
Mais j'ai cherché avant de demander ^^'
Bon, je vais regarder ça encore.
Invité- Invité
Re: Affichage de Firefox différent chez moi
bonsoir,
repérez ceci dans votre CSS :
... et ôtez le backslash ( \ ) juste après "png" , ça résoudra votre problème ...
repérez ceci dans votre CSS :
div.cell:hover span
{
display:block;
position:absolute;
top:2em; left:2em; width:10em;
border: 5px solid #0e2033;
border-radius : 30px;
background-image: url('https://img11.hostingpics.net/pics/960749fond.png\');
color:#000;
text-align: center;
padding:5px;
height: 120px;
width:130px;
z-index: 4;
}
... et ôtez le backslash ( \ ) juste après "png" , ça résoudra votre problème ...
Re: Affichage de Firefox différent chez moi
Magique *O*
Merci beaucoup à vous deux <3
Merci beaucoup à vous deux <3
Invité- Invité
Sujets similaires
» Problème d'affichage (forum "zoomé à 140%" chez moi)
» affichage sur Firefox et IE
» Problème d'affichage chez un membre du forum
» Lenteur affichage images chez moi aussi
» [Résolu] Problème affichage chez un membre
» affichage sur Firefox et IE
» Problème d'affichage chez un membre du forum
» Lenteur affichage images chez moi aussi
» [Résolu] Problème affichage chez un membre
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum