Problème de police

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

Problème de police

Message par Jéremy Morgan le Ven 12 Mai 2017 - 19:34

Bonjour/Bonsoir,

Après avoir codé la page d'accueil, je me suis aperçue qu'une membre du staff n'a pas les polices installées qui apparaissent comme sur mon ordinateur.
Ce qu'elle a :


Ce que j'ai :


La PA est codée en iframe, dans une page HTML.
Voici le code :

Code:
<!doctype html><html lang="fr"><head><meta charset="utf-8"><link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet"><style>
::-webkit-scrollbar {width:7px;height:7px;background-color: #fff;z-index:998;}
::-webkit-scrollbar-track {background-color: #fff;}
::-webkit-scrollbar-thumb {background-color: #3a8b66;}
a:hover{text-decoration: none !important;color:#fff;}
a {text-decoration: none !important;color:#fff;}
a:link {text-decoration: none;color:#fff;}
a:visited {text-decoration: none;color:#fff;}
#PAEVA {
width: auto;
height: 500px;
background-color:#f5f5f5;
margin:auto;
display: flex;
}
.titlePA {
width:auto;
height:auto;
text-align:center;
font-family: Megrim;
font-size: 25px;
color: white;
padding-top:10px;
padding-bottom:5px;
}
.soustrait {
background-color:white;
width:auto;
height:3px;
margin-left:20px;
margin-right:20px;
margin-top:5px;
}
.blocnews {
width: 255px;
height: 200px;
margin-top:10px;
margin-left:15px;
margin-bottom:10px;
background-color:#61a981;
}
.datenews {
text-transform:uppercase;
color:#3a8b66;
font-family:'Josefin Sans',sans-serif;
}

.bloctextnews {
width:auto;
height:100px;
overflow:auto;
background-color: white; opacity:0.95;
margin: 15px 20px;
padding: 10px 20px 10px 20px;
font-family: Didact Gothic;
font-size:12px;
color:#000;
text-align:justify;
}
.rangmois {
width:255px;
height:170px;
margin-left:15px;
}
.membermois {
width: 255px;
height:80px;
position:relative;
margin-bottom:10px;
}
.memberimg {
position:absolute;
height:80px;
width:255px;
z-index:1;
transition:1s;
}
.membertext {
position:absolute;
text-transform:uppercase;
font-family:Didact Gothic;
font-size:12px;
top:25px;
left:60px;
z-index:2;
opacity:0;
transition:1s;
color:black;
}

.membermois:hover .memberimg {
opacity:0.2;
transition:1s;
}
.membermois:hover .membertext {
opacity:1;
transition:1s;
}
.voteurmois {
width: 255px;
height:80px;
float: left;
margin-bottom:10px;
}
.voteurimg {
position:absolute;
height:80px;
width:255px;
z-index:1;
transition:1s;
}
.voteurtext {
position:absolute;
text-transform:uppercase;
font-family:Didact Gothic;
font-size:12px;
top:340px;
left:85px;
z-index:2;
opacity:0;
transition:1s;
color:black;
}

.voteurmois:hover .voteurimg {
opacity:0.2;
transition:1s;
}
.voteurmois:hover .voteurtext {
opacity:1;
transition:1s;
}

.contexte {
width: 250px;
height: 380px;
margin: 10px 5px 10px 10px;
background: url('https://img15.hostingpics.net/pics/687597fondcontexte.png');
overflow: auto;
}

.txtcontexte {
width:auto;
height:275px;
background-color: white; opacity:0.95;
overflow:auto;
margin: 15px 20px;
padding: 10px 20px 10px 20px;
font-family: Didact Gothic;
font-size:12px;
color:black;
text-align:justify;
}

.staff {
width: 80px;
height:170px;
margin-bottom: 10px;
margin-left:5px;
margin-top: 8px;
}
.staffimg {
position:absolute;
height:170px;
width:80px;
z-index:1;
transition:1s;
}

.stafftxt {
text-transform:uppercase;
font-family:Didact Gothic;
font-size:12px;
z-index:2;
opacity:10;
transition:1s;
color:black;
padding-top: 30px;
width:80px;
}

.staff:hover .staffimg {
opacity:0.2;
transition:1s;
}
.staff1:hover .stafftxt {
opacity:0.2;
transition:1s;
}

.blocliens {
width: 260px;
height: 196px;
margin-top:0px;
margin-left:8px;
margin-bottom:10px;
background-color:#f5f5f5;
position:relative;
}
.liens {
width: 260px;
height: 30px;
margin-bottom:10px;
margin-top:5px;
background-color:#ccc;
position:relative;
}
.txtliens {
text-align:center;
font-family: Megrim;
color:#fff;
padding:5px;
}

.predefimg{
width:60px;
height: 60px;
margin-bottom:249px;
margin-top:-244px;
margin-left:405px;
position:relative;
border:5px solid white;
}
</style>
</head><body class="tli-iframe">
<!--PAGE D'ACCUEIL-->
<div id="PAEVA">
<!--NEWS-->
<div>
<div class="blocnews">
  <!--TITRES PA --><div class="titlePA">News</div>
<!--TRAIT SOUS TITRES--><div class="soustrait"></div>
<!-- BLOC TEXTE--><div class="bloctextnews">
  <!-- TEXTE-->
  <div class="datenews"><b>Date</b></div><p>Il s'est passé ça.</p>
  <div class="datenews"><b>01/05/17</b></div><p>Eva Rosenwald est la voteuse du mois, ainsi que la membre du mois ! Les gages vont pleuvoir...</p>
  <div class="datenews"><b>27/04/17</b></div><p>Le premier recensement vient d'ouvrir, n'oubliez pas de venir vous recenser pour ne pas perdre votre compte.</p>
  <div class="datenews"><b>25/04/17</b></div><p>Un mini event fait son apparition, si vous voulez plus d'informations, allez voir dans les Events.</p>
  <div class="datenews"><b>01/04/17</b></div><p>Nous avons notre membre du mois, bravo à Alois Fogel ! Eva Rosenwald remporte quant à elle la place de voteur de mars ♥</p>
  <div class="datenews"><b>05/03/17</b></div><p>Lancement de la première intrigue et nouveau thème. Introduction de deux nouveaux groupes.</p>
  </div></div>

<!-- RANG DU MOIS-->
<div class="rangmois">
  <div class="membermois"><img class="memberimg" src="https://img15.hostingpics.net/pics/199102membredumois.png" />                                         
    <div class="membertext">Prénom Nom<br />Rang
    </div>
  </div>
<div class="voteurmois"><img class="voteurimg" src="https://img15.hostingpics.net/pics/771977voteurdumois.png" />                                         
<div class="voteurtext">Prénom Nom<br />Rang                                     
</div>
</div>
</div>
</div>

<!--CONTEXTE--> <div class="contexte">
<!--TITRES PA --> <div class="titlePA">Contexte</div>
<!--TRAIT SOUS TITRES--> <div class="soustrait"></div>
  <!--TEXTE--> <div class="txtcontexte">Vous est-il déjà arrivé d'imaginer le travail monstrueux effectué sans relâche par la Faucheuse, lorsqu'une Âme se retrouve libre de toute enveloppe mortelle ?<br/>
Permettez-moi d'en douter. Le Faucheuse reste pour l'Humanité l'image de Mort et de Fin, un symbole de peur et de tabous, que peu osent évoquer. Celle qui vient vous chercher à l'Heure prévue, ignorant projets, rêves et regrets. Celle que l'on déteste, à la perte d'un être cher à nos yeux. Mais malgré tout, bien que l'on haïsse cette ombre en manteau noir, nous perdons souvent de vue le réel but de tout cela.<br/>
Que serait la Terre face à la croissance sans fin des êtres humains ? Surpopulation, épuisement des ressources, guerres, conflits etc. L'espace de vie se réduisant, jusqu'à disparaître complètement. Une vie digne d'un élevage intensif : vivre, manger, survivre, mourir, laisser une place pour deux autres. <br/>
<br/>
Le rôle de la Faucheuse devient alors primordial, nettoyant le monde d'une potentielle fin tragique.<br/>
</div>
</div>


<div>
<table>
<tbody>
<tr>
<td>
<!--STAFF-->
<!--I-->
 <div class="staff"><img class="staffimg" src="https://img15.hostingpics.net/pics/251466eva.png" />
  <div class="stafftxt"><center>Eva Rosenwald<br/>Fonda <br/>Givrée</center>
</div>
</div>
</td>
<td>
 
<!--II-->
 <div class="staff"><img class="staffimg" src="https://img15.hostingpics.net/pics/630424ren.png" />
  <div class="stafftxt"><center>Ren Gistak<br/>Co-Fonda<br/>Cookie</center>
</div>
</div>
</td>
<td>
<!--III-->
  <div class="staff"><img class="staffimg" src="https://img15.hostingpics.net/pics/539918illya.png" />
    <div class="stafftxt"><center> Illya<br />Codeuse<br/>Modo <br/>Choupi</center>
</div>
</div>
</td>
</tr>
</tbody>
</table>

<!--BLOC LIENS-->
<div class="blocliens">
  <!--TEXTE--> <div class="liens"><div class="txtliens"><a href="http://melancholy-of-souls.forumactif.com/t1-reglement-de-mos" target="_blank">Règlement</a></div></div>
  <div class="liens"><div class="txtliens"><a href="http://melancholy-of-souls.forumactif.com/f2-annexes" target="_blank">Annexes</a></div></div>
  <div class="liens"><div class="txtliens"><a href="http://melancholy-of-souls.forumactif.com/f119-registre" target="_blank">Bottins</a></div></div>
  <div class="liens"><div class="txtliens"><a href="http://melancholy-of-souls.forumactif.com/t21-nous-lier" target="_blank">Partenariat</a></div></div>
  <div class="liens"><div class="txtliens"><a href="http://melancholy-of-souls.forumactif.com/f183-intrigues" target="_blank">Intrigues</a></div></div>
</div>
</div>
</div>

<!--PREDEFS--><div class="predefimg">
<a href="http://melancholy-of-souls.forumactif.com/t25-siham-lehman" target="_blank"><img class="predefimg" src="http://68.media.tumblr.com/d13431008c457175576e9d09bc54e01d/tumblr_inline_njurtrQOCO1toqp7c.png" /></a>
</div>
  <div class="predefimg">
               <a href="http://melancholy-of-souls.forumactif.com/t179-alban-v-ioslov#775" target="_blank"><img class="predefimg" src="https://v.dreamwidth.org/8321222/2322797" /> </a>
</div>
  <div class="predefimg">
               <a href="http://melancholy-of-souls.forumactif.com/t152-wielkshaya-dieu-de-la-justice#531" target="_blank"><img class="predefimg" src="https://v.dreamwidth.org/9627214/2450368" /> </a>
</div>
  <div class="predefimg">
             <a href="http://melancholy-of-souls.forumactif.com/t212-azubal-dieu-des-nocturnes#1119" target="_blank"> <img class="predefimg" src="http://imalbum.aufeminin.com/album/D20131206/987551_LPQFAFJJSMYGLQ7YEJP46OVZOYZ1RF_kuftyz_H223055_L_s100.jpg" /> </a>
</div>
  <div class="predefimg">
             <a href="http://melancholy-of-souls.forumactif.com/t36-maxine-fitzgerald" target="_blank"> <img class="predefimg" src="https://s-media-cache-ak0.pinimg.com/originals/aa/e7/74/aae774c47a222df627cf8c40215419c1.jpg" /> </a>
</div>
</body></html>

Merci de votre aide. Nous sommes toutes deux sur Google Chrome.

Jéremy Morgan
*

Messages : 31
Inscrit(e) le : 19/01/2014

http://hight-storm.forumactif.org
Jéremy Morgan a été remercié(e) par l'auteur de ce sujet.

Re: Problème de police

Message par Chacha le Jeu 18 Mai 2017 - 9:51

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 53337
Inscrit(e) le : 21/08/2010

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

Re: Problème de police

Message par Chacha le Ven 19 Mai 2017 - 9:47

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 53337
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha 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