Gestion des Pages HTML, le HTML ne fonctionne pas..

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

Résolu Gestion des Pages HTML, le HTML ne fonctionne pas..

Message par Melodiam le Mer 20 Juin 2012 - 18:01

    Hello ! ^^

    Alors voilà, j'ai un soucis qui me plombe le moral depuis un moment, mon HTML ne fonctionne pas.
    Je suis sous Google Chrome et Firefox (j'utilise alternativement ces deux navigateurs..), j'ai fais les trois points de l'activation de l'HTML (profil, messages&emails etc.) ...

    Rien y fait, mon HTML ne veut pas s'afficher.
    J'ai créé une page avec ce code :
    Code:
    <html>
      <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <style type="text/css">

    .fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
    position: relative;
    width: 505px;
    height: 600px; /* Set height to be able to contain height of largest content shown*/
    overflow: hidden;
     background-image:url(http://farm4.static.flickr.com/3634/3346431062_0f7db7be6b_o.jpg);
            text-align: justify;
    -moz-box-shadow:0px 0px 4px #766b4f;
    -webkit-box-shadow:0px 0px 4px #766b4f;
    border-radius: 10px;
    }

    .fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
    position: absolute;
     background-image:url(http://farm4.static.flickr.com/3634/3346431062_0f7db7be6b_o.jpg);
    visibility: hidden;
    width: 505px;
    text-align: justify;
    overflow: auto}

    .fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
    width: 450px;
    border-top-width: 0;
    font-family:time new roman;
    font-size:25px;
    letter-spacing:-2px;
    font-weight:bold;
    font-style:italic;
    text-shadow:0 0 3px black;
    color:#7C8BC2;
    text-transform:lowercase;
    padding-left:25px;
    }

    .fadecontenttoggler a{ /*style for every navigational link within toggler */
    text-decoration: none;
    padding-left:2px;
    padding-right: 1px;
    padding-top:4px;
    float: left;
    display: block;
    border:none;
    color:#C9001A;
    }

    .fadecontenttoggler a:hover{
    color:#f5f4e7;
    }

    .fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
    }

    .fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
    }

    .fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
    color: white;
    }

    .fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
    }

    .staffbig {
    background-color: white;
    padding: 5px;
    -moz-box-shadow:0 0 4px #766b4f;
    -webkit-box-shadow:0 0 4px #766b4f;
    border-radius: 10px;
    width: 400px;
    height: auto;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}

    .titre {display:block;
    font-family:time new roman;
    letter-spacing:-2px;
    text-transform:uppercase;
    font-weight:bold;
    text-align:right;
    font-size:24px;
    color:#C9001A;
    text-shadow:0 0 1px #000000;
    border-bottom: #C9001A 2px dotted; }

    .soustitre {display:block;
    font-family:time new roman;
    text-transform:uppercase;
    text-align:right;
    font-size:14px;
    color:#C9001A;
    text-shadow:0 0 1px #000000;
    border-bottom: #C9001A 2px dotted; }

    .soustitre1 {display:block;
    font-family:time new roman;
    font-variant: lowercase;
    text-align:right;
    font-size:14px;
    color:#C9001A;
    text-shadow:0 0 1px #000000;
    border-bottom: #C9001A 2px dotted; }

    .text {color:#666455;
    font-family:Verdana;
    font-size:10px;
    text-align:justify;}

    .box{
    border: 2px solid #F6F6F6;
    background-image: url(http://i62.servimg.com/u/f62/14/52/86/28/sans_t24.png);
    text-align: justify;
    width: 400px;
    height: 200px;
    -moz-box-shadow: 0px 0px 4px #000000;
    margin-left: 10px;
    overflow: auto}

    .box1{
    border: 2px solid #F6F6F6;
    background-image: url(http://i62.servimg.com/u/f62/14/52/86/28/sans_t24.png);
    text-align: justify;
    width: 220px;
    height: 200px;
    -moz-box-shadow: 0px 0px 4px #000000;
    margin-left: 10px;
    overflow: auto}

    </style>

    <script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/8523569648528239/jquerypack.js"></script>

    <script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/8523569648528239/contentfader.js">

    /***********************************************
    * Fade In Content Viewer script- by JavaScript Kit (www.javascriptkit.com)
    * This notice must stay intact for usage
    * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
    ***********************************************/

    </script>
      </head>

      <BODY><div id="whatsnew" class="fadecontentwrapper"><div class="fadecontent"></br>

    <center><img class="staffbig" src="http://25.media.tumblr.com/tumblr_lqlxr17wtt1r1b3tno1_500.jpg"/></br>
    <font class="text">© ALLES </font>

    </br></br>
    <font class="titre" style="text-align:center;">• .pseudo. •</font>
    </br><table><tr><td><div class="box">
    <font class="soustitre">description de votre personnage</font>
    <font class="text"> description de votre personnage</font></div></td></tr></table>
    <font class="text">fiche © ocean lounge</font></center>

    </div><div class="fadecontent"></br>
    <center><img class="staffbig" src="http://27.media.tumblr.com/tumblr_lqp1czmU3c1r2si0ho1_500.jpg"/></br>
    </br>
    <font class="titre" style="text-align:center;">• mes liens féminins•</font></br>

    <table><tr><td><div class="box1"><center>
    <img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"><img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"></center>
    <font class="soustitre1">nom&prénom ; relation</font>
    <font class="text">description du liens</font></div></td><td><div class="box1"><center>
    <img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"><img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"></center>
    <font class="soustitre1">nom&prénom ; amis proche</font>
    <font class="text">description du lien</font></div></td></tr></table></br>

    <table><tr><td><div class="box1"><center>
    <img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"><img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"></center>
    <font class="soustitre1">nom&prénom ; relation</font>
    <font class="text">description du liens</font></div></td><td><div class="box1"><center>
    <img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"><img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"></center>
    <font class="soustitre1">nom&prénom ; amis proche</font>
    <font class="text">description du lien</font></div></td></tr></table></br></div>
    <div class="fadecontent">
    <center></br><img class="staffbig" src="http://27.media.tumblr.com/tumblr_lqp1czmU3c1r2si0ho1_500.jpg"/></br>
    </br>
    <font class="titre" style="text-align:center;">• mes liens masculins•</font></br>

    <table><tr><td><div class="box1"><center>
    <img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"><img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"></center>
    <font class="soustitre1">nom&prénom ; relation</font>
    <font class="text">description du liens</font></div></td><td><div class="box1"><center>
    <img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"><img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"></center>
    <font class="soustitre1">nom&prénom ; relation</font>
    <font class="text">description du lien</font></div></td></tr></table></br>

    <table><tr><td><div class="box1"><center>
    <img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"><img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"></center>
    <font class="soustitre1">nom&prénom ; relation</font>
    <font class="text">description du liens</font></div></td><td><div class="box1"><center>
    <img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"><img src="http://i304.photobucket.com/albums/nn189/gaa-morph/iosix.png"></center>
    <font class="soustitre1">nom&prénom ; relation</font>
    <font class="text">description du lien</font></div></td></tr></table></br></div>

    </div><div id="whatnewstoggler" class="fadecontenttoggler">
    <a href="#" class="toc">• votre personnage •</a>
    <a href="#" class="toc"> liens féminins •</a>
    <a href="#" class="toc">liens masculins •</a>
    </div>

    <script type="text/javascript">
    //SYNTAX: fadecontentviewer.init("maincontainer_id", "content_classname", "togglercontainer_id", selectedindex, fadespeed_miliseconds)
    fadecontentviewer.init("whatsnew", "fadecontent", "whatnewstoggler", 0, 400)
    </script>
      </BODY>
    </html>

    On doit ensuite, pour avoir le rendu voulu, publier dans un message ce code :
    Code:
    <center><iframe src="URL DE LA PAGE" style="background: none repeat scroll 0% 0% transparent; height: 650px; width: 550px; -moz-background-inline-policy: continuous;" ;="" frameborder="no" scrolling="no"></iframe></center>

    Voilà ce que c'est censé me donner : http://imageshack.us/photo/my-images/171/ficheonglet.png/
    Une fiche à onglets. ^^

    Ce n'est pas la première fois que je constate que mon HTML ne veut pas fonctionner.. j'avais déjà tenté de faire d'autres fiches à onglets et d'autres codes... Seulement je ne m'en étais pas soucié plus que cela mais aujourd'hui cela me préoccupe et m'enquiquiiiiiiiiiiiiine !

    Auriez-vous une solution ? ://


Dernière édition par Melodiam le Mer 20 Juin 2012 - 19:46, édité 1 fois

Melodiam
****

Messages : 206
Inscrit(e) le : 16/04/2012

Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gestion des Pages HTML, le HTML ne fonctionne pas..

Message par Arlem le Mer 20 Juin 2012 - 18:07

Yop,

Dans le second code, supprime cette partie qui m'a l'air en trop ;="" et ça devrait fonctionner. N'oublie pas de remplacer l'adresse de la page non plus. Razz

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gestion des Pages HTML, le HTML ne fonctionne pas..

Message par Melodiam le Mer 20 Juin 2012 - 18:50

Je vais peut être paraître nulle mais que dois-je mettre comme adresse de page ? °°

Merci de ta réponse en tous cas ! Very Happy

EDIT : En enlevant ceci ;='' cela ne change rien ^^

Melodiam
****

Messages : 206
Inscrit(e) le : 16/04/2012

Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gestion des Pages HTML, le HTML ne fonctionne pas..

Message par Arlem le Mer 20 Juin 2012 - 19:03

Bin il faut que tu mettes l'adresse de la page HTML que tu as créé, sinon ça ne peut pas marcher. Razz

Tu as l'adresse dans PA => Modules => Gestion des pages HTML => L'adresse est affichée dans la colonne "URL du lien". Smile

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gestion des Pages HTML, le HTML ne fonctionne pas..

Message par Melodiam le Mer 20 Juin 2012 - 19:13

Ceci donc :

Le lien est bien affiché, je comprends pas le problème, c'est agaçaaaant. ^^'

Melodiam
****

Messages : 206
Inscrit(e) le : 16/04/2012

Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gestion des Pages HTML, le HTML ne fonctionne pas..

Message par Arlem le Mer 20 Juin 2012 - 19:14

Copie/colle ce lien à la place de URL DE LA PAGE dans le code que tu mets dans le message. Wink

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gestion des Pages HTML, le HTML ne fonctionne pas..

Message par Melodiam le Mer 20 Juin 2012 - 19:45

Ahhhhhhhh ...... toutes ces heures de crêpage de cheveux pour une action toute bête !!!
Cela marche ! Very Happy
MERCI BEAUCOUP !!! ♥

Melodiam
****

Messages : 206
Inscrit(e) le : 16/04/2012

Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gestion des Pages HTML, le HTML ne fonctionne pas..

Message par Arlem le Mer 20 Juin 2012 - 19:49

Faut penser à "lire" les codes avant de les copier/coller, ça évite de passer à côté de choses de ce genre. Smile

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem 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