CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Iframe qui n'en fait qu'à sa tête, change les lettres pour des symboles... | |
| Hurricane
{ Membre }
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 : https://2img.net/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 ? ... | | |
| | | Nihil
{ 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 | | |
| | | Hurricane
{ Membre }
Messages : 69
| ça marche bien maintenant merci On peut archiver ^^ | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Contente d'avoir pu t'aider (: Hésite pas à éditer le titre de ton sujet pour préciser "Résolu" | | |
| | | Contenu sponsorisé
| | | | | Iframe qui n'en fait qu'à sa tête, change les lettres pour des symboles... | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|