C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Système d'onglets simple et personnalisable
Lun 17 Sep 2018, 05:44 par heresy.

» Effet pour vos catégories
Sam 15 Sep 2018, 06:41 par Dynaste

» [RPG] Fiche personnage avec bannière latérale
Mar 11 Sep 2018, 15:29 par Rosalie Hale

» Signature codée avec onglets
Sam 01 Sep 2018, 16:11 par Plumeplume

» Mettre votre © Copyright dans le footer de votre forum
Mar 28 Aoû 2018, 12:13 par kaiton

» Sous-forums en retour à la ligne
Lun 27 Aoû 2018, 13:26 par sergiomarquina

» Effet pour vos sous-forums
Lun 27 Aoû 2018, 13:23 par sergiomarquina

» Trois colonnes avec effet Zoom
Lun 27 Aoû 2018, 08:40 par sergiomarquina


Partagez | 
 

Iframe qui n'en fait qu'à sa tête, change les lettres pour des symboles...

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 69



Bonjour   

J'ai créé cet iframe :
Code:
<center><iframe name="publicité" src="http://cyprus-rhodes.bbfr.net/h1-publicite" scrolling="no" height="1070" width="600" FRAMEBORDER="no"></iframe></center>

Je l'ai posté sur un forum et il n'en fait qu'à sa tête, une fois sur deux il affiche le texte correctement, le reste du temps il beug... Petite capture :

http://image.noelshack.com/fichiers/2014/22/1401374251-iframe.png

Voici à quoi ressemble ma page HTML sur mon panneau d'admin :

Code:
<link href="http://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet" type="text/css" />
<center>
 
<div style="width: 500px; padding: 10px; background-image: url(http://i.imgur.com/chh7v.png); border-bottom: 10px solid #64637C; border-top: 10px solid #64637C;border-right: 1px dotted #64637C;border-left: 1px dotted #64637C;">
 
<center>
 
<div style="width: 450px;font-family: 'Amatic SC', cursive; font-size: 35px; letter-spacing: 2px; color: black; text-transform: lowercase; line-height: 100%; text-align: center; border-bottom: 3px solid #4e5255">
 Cyprus Rhodes
</div><br />
<div style="width:430px; height: 190px; background-color: #FEFEFE; border: 5px solid #FEFEFE; ">
 
<div style="width:430px; height:190px; background-image:url(http://image.noelshack.com/fichiers/2014/22/1401219358-caca.gif);">
 
</div>
 
</div><br />
<table cellpadding="0" cellspacing="0">
 
<tbody>
 
<tr>
 
<td>
 
<div style="  width: 480px;height:auto;background-color: #fff;text-align: justify; font-family: georgia; line-height: 100%; font-size: 12px; color: #252525;padding: 4px;border-left: 1px dashed #cccccc;border-bottom:1px dashed #cccccc;border-right:1px dashed #cccccc;">
 <strong>Hello, nous venons aujourd'hui, Indiana et moi-même pour vous faire part de notre nouveau projet suite au visionnage de la série Greek, qu'on ne présente plus. Nous avons repris plusieurs éléments de la série bien que les personnages ne soient pas jouables et nous avons également adapté le système de confréries bien qu'il n'y aura toujours que des fraternités et sororités, je vous laisse découvrir le contexte. Dans la série l'université se trouve en Ohio mais, nous avons préféré la déplacer en Pennsylvanie, l'école se trouvera donc à Philadelphie, une belle et grande ville qui n'est pas déjà prise par les autres university.</strong><br /><br /> <quote></quote>
<div style="" align="justify">
 <em> C'est avec un très grand plaisir que j'ai l'honneur d'accueillir, chaque année, nos nouveaux étudiants au sein de l'université de Cyprus Rhodes. Cette dernière, implantée en Pennsylvanie, à Philadelphie bénéficie d'un cadre de vie privilégié, de professeurs compétents et d'enseignements toujours plus performants. Grâce aux nouveaux dons que nous recevons et à la modernisation de notre campus, nos étudiants profitent des meilleurs services que nous pouvons leur offrir. L'université se veut innovante et attrayante, nous croyons en le futur et aux nouvelles technologies c'est pourquoi un maximum de notre budget est alloué à la modernisation de Cyprus Rhodes. Les bâtiments sont tous équipés de postes informatiques, les salles comme la bibliothèque, les salles de travaux ou encore les clubs sont accessibles grâce à votre carte étudiante et nous mettons un point d'honneur à ce que la connexion internet soit toujours plus rapide. De plus, notre système de confréries motive les étudiants à s'impliquer dans la vie universitaire et leur permet de tisser des liens qui dureront même après leurs études. En effet, un système de points a été mis en place, nos fraternités et sororités sont en compétition perpétuelle afin de remporter le titre de "meilleure confrérie". Ainsi, outre leurs révisions et devoirs, nos étudiants peuvent participer à de nombreuses activités et pleinement profiter de leur jeunesse en assurant leur avenir professionnel. Si vous n'êtes pas encore inscris, il serait temps d'y songer car nous chouchoutons chacun de nos étudiants. Bienvenue à Cyprus Rhodes, que la voie des études soit votre et assurez-vous la plus brillante des carrières parmi nous !</em>
</div><quote></quote>
<div style="" align="right">
 <em>La Directrice</em>
</div><quote></quote> <strong>INFORMATIONS EN VRAC :</strong> <br /><br />※ Nous souhaitons un forum tranquille, pas prise de tête. <br />※ Le minimum de lignes par rps sera de 15 lignes, pas plus ni moins. <br /> ※ Un système de bizutage est mis en place avec des missions à accomplir et des ordres à suivre. <br />※ Un système de points sera mis en place et vous pourrez faire gagner des points à votre confrérie afin qu'elle gagne.<br /> ※ Les confréries ont été renommées, nous gardons le tout secret mais sachez que c'est emblématique et parlant.<br /> ※ Un PNJ pourra éventuellement vous espionner afin de pimenter le jeu. Les mouchards seront récompensés par des points. <br />※ Nous organiserons des élections plusieurs fois par an pour les différents postes au sein des confréries. Toutes les fraternités et sororités auront trois postes à pourvoir : le poste de président, celui de responsable social et celui de responsable des bizuts.<br /> ※ Nos PVs sont assez déjantés et la plupart d'entre eux auront des avatars qui sortent de l'ordinaire (pas de Nina Dobrev, Jennifer Lawrence, Candice Accola & cie). <br />※ Un règlement intérieur sera mis en place et vous pourrez être sanctionné selon ce que nous trouverons dans vos postes niark niark. Cela pourrait mettre en danger des confréries ou faire éjecter des présidents de leurs postes. <br /><br /><strong>AVANCÉE :</strong><br /><br /> 24.05.14 Création du forum <br />25.05.14 Création des confréries<br /> 26.05.14 Création des PVs <br />27.05.14 Rédaction du Contexte<br /><br /> Nous souhaitons savoir si le projet pourrait intéresser et éventuellement si vous avez des questions ^^
</div>
 
</td>
 
</tr>
 
</tbody>
 
</table>
 
</center>
 
</div>
</center>

J'ai coché non aux deux options.

Comment ça se fait que le texte beug ? Est-ce que je peux régler ça ? ...
MessageSujet: Iframe qui n'en fait qu'à sa tête, change les lettres pour des symboles...   Jeu 29 Mai 2014, 11:41
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Modérateur }
{ Modérateur }

Messages : 1216



Essaye en remplaçant le code de ta page HTML par celui ci :
Code:
<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <title>Titre de la page</title>
    <link href="http://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet" type="text/css" />
</head>

<body>

    <center>

        <div style="width: 500px; padding: 10px; background-image: url(http://i.imgur.com/chh7v.png); border-bottom: 10px solid #64637C; border-top: 10px solid #64637C;border-right: 1px dotted #64637C;border-left: 1px dotted #64637C;">

            <center>

                <div style="width: 450px;font-family: 'Amatic SC', cursive; font-size: 35px; letter-spacing: 2px; color: black; text-transform: lowercase; line-height: 100%; text-align: center; border-bottom: 3px solid #4e5255">
                    Cyprus Rhodes
                </div>
                <br />
                <div style="width:430px; height: 190px; background-color: #FEFEFE; border: 5px solid #FEFEFE; ">

                    <div style="width:430px; height:190px; background-image:url(http://image.noelshack.com/fichiers/2014/22/1401219358-caca.gif);">

                    </div>

                </div>
                <br />
                <table cellpadding="0" cellspacing="0">

                    <tbody>

                        <tr>

                            <td>

                                <div style="  width: 480px;height:auto;background-color: #fff;text-align: justify; font-family: georgia; line-height: 100%; font-size: 12px; color: #252525;padding: 4px;border-left: 1px dashed #cccccc;border-bottom:1px dashed #cccccc;border-right:1px dashed #cccccc;">
                                    <strong>Hello, nous venons aujourd'hui, Indiana et moi-même pour vous faire part de notre nouveau projet suite au visionnage de la série Greek, qu'on ne présente plus. Nous avons repris plusieurs éléments de la série bien que les personnages ne soient pas jouables et nous avons également adapté le système de confréries bien qu'il n'y aura toujours que des fraternités et sororités, je vous laisse découvrir le contexte. Dans la série l'université se trouve en Ohio mais, nous avons préféré la déplacer en Pennsylvanie, l'école se trouvera donc à Philadelphie, une belle et grande ville qui n'est pas déjà prise par les autres university.</strong>
                                    <br />
                                    <br />
                                    <quote></quote>
                                    <div style="" align="justify">
                                        <em> C'est avec un très grand plaisir que j'ai l'honneur d'accueillir, chaque année, nos nouveaux étudiants au sein de l'université de Cyprus Rhodes. Cette dernière, implantée en Pennsylvanie, à Philadelphie bénéficie d'un cadre de vie privilégié, de professeurs compétents et d'enseignements toujours plus performants. Grâce aux nouveaux dons que nous recevons et à la modernisation de notre campus, nos étudiants profitent des meilleurs services que nous pouvons leur offrir. L'université se veut innovante et attrayante, nous croyons en le futur et aux nouvelles technologies c'est pourquoi un maximum de notre budget est alloué à la modernisation de Cyprus Rhodes. Les bâtiments sont tous équipés de postes informatiques, les salles comme la bibliothèque, les salles de travaux ou encore les clubs sont accessibles grâce à votre carte étudiante et nous mettons un point d'honneur à ce que la connexion internet soit toujours plus rapide. De plus, notre système de confréries motive les étudiants à s'impliquer dans la vie universitaire et leur permet de tisser des liens qui dureront même après leurs études. En effet, un système de points a été mis en place, nos fraternités et sororités sont en compétition perpétuelle afin de remporter le titre de "meilleure confrérie". Ainsi, outre leurs révisions et devoirs, nos étudiants peuvent participer à de nombreuses activités et pleinement profiter de leur jeunesse en assurant leur avenir professionnel. Si vous n'êtes pas encore inscris, il serait temps d'y songer car nous chouchoutons chacun de nos étudiants. Bienvenue à Cyprus Rhodes, que la voie des études soit votre et assurez-vous la plus brillante des carrières parmi nous !</em>
                                    </div>
                                    <quote></quote>
                                    <div style="" align="right">
                                        <em>La Directrice</em>
                                    </div>
                                    <quote></quote> <strong>INFORMATIONS EN VRAC :</strong>
                                    <br />
                                    <br />※ Nous souhaitons un forum tranquille, pas prise de tête.
                                    <br />※ Le minimum de lignes par rps sera de 15 lignes, pas plus ni moins.
                                    <br />※ Un système de bizutage est mis en place avec des missions à accomplir et des ordres à suivre.
                                    <br />※ Un système de points sera mis en place et vous pourrez faire gagner des points à votre confrérie afin qu'elle gagne.
                                    <br />※ Les confréries ont été renommées, nous gardons le tout secret mais sachez que c'est emblématique et parlant.
                                    <br />※ Un PNJ pourra éventuellement vous espionner afin de pimenter le jeu. Les mouchards seront récompensés par des points.
                                    <br />※ Nous organiserons des élections plusieurs fois par an pour les différents postes au sein des confréries. Toutes les fraternités et sororités auront trois postes à pourvoir : le poste de président, celui de responsable social et celui de responsable des bizuts.
                                    <br />※ Nos PVs sont assez déjantés et la plupart d'entre eux auront des avatars qui sortent de l'ordinaire (pas de Nina Dobrev, Jennifer Lawrence, Candice Accola & cie).
                                    <br />※ Un règlement intérieur sera mis en place et vous pourrez être sanctionné selon ce que nous trouverons dans vos postes niark niark. Cela pourrait mettre en danger des confréries ou faire éjecter des présidents de leurs postes.
                                    <br />
                                    <br /><strong>AVANCÉE :</strong>
                                    <br />
                                    <br />24.05.14 Création du forum
                                    <br />25.05.14 Création des confréries
                                    <br />26.05.14 Création des PVs
                                    <br />27.05.14 Rédaction du Contexte
                                    <br />
                                    <br />Nous souhaitons savoir si le projet pourrait intéresser et éventuellement si vous avez des questions ^^
                                </div>

                            </td>

                        </tr>

                    </tbody>

                </table>

            </center>

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

</html>

J'ai simplement rajouté le doctype, les balises head et body Smile


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Iframe qui n'en fait qu'à sa tête, change les lettres pour des symboles...   Jeu 29 Mai 2014, 15:19
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 69



ça marche bien maintenant merci  I love you 
On peut archiver ^^
MessageSujet: Re: Iframe qui n'en fait qu'à sa tête, change les lettres pour des symboles...   Jeu 29 Mai 2014, 16:44
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Modérateur }
{ Modérateur }

Messages : 1216



Contente d'avoir pu t'aider (:
Hésite pas à éditer le titre de ton sujet pour préciser "Résolu"


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Iframe qui n'en fait qu'à sa tête, change les lettres pour des symboles...   Jeu 29 Mai 2014, 18:11
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Iframe qui n'en fait qu'à sa tête, change les lettres pour des symboles...   
Revenir en haut Aller en bas
 

Iframe qui n'en fait qu'à sa tête, change les lettres pour des symboles...

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Inversion de polarité
» Qui fait de la généalogie?
» Le "Poupy train" ... site vite fait..
» C'que t'as fait d'ta journée ! o/
» Je crois que j'ai fait une grosse c.....ie !

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit