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! | | [résolu]Trame html inopérante dans les topics mais fonctionnant dans une page html | |
| Invité Invité
| Bonjour à tous, Désolé de vous ennuyer avec un soucis digne d'un débutant mais, je rencontre un pb avec une trame html qui me laisse un peu perplexe. En l'utilisant dans une page html, tous les éléments apparaissent et se positionnent correctement. Dés que je souhaite l'insérer dans un message, certains éléments ne s'affichent plus et d'autres se positionnent en fin de message. J'ai tenté de compresser le code mais même topo. Ayant d'autres pages html dans les messages dont l'affichage est correcte,Je vous avouerai ne rien y comprendre. Voici le code - Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <style> /* -------- BIENVENUE ALTITUDE TROPICALE -------- */
/* ---- LE CADRE ---- */
/* BLOC PRINCIPAL */ .tfa_altitude{ position: relative; width: 537px; margin: 10px auto; padding: 0; } /* PARTIE DU HAUT */ .top-altitude{ background: url(http://i48.servimg.com/u/f48/13/18/59/90/fasc_010.png) no-repeat transparent; width: 537px; height: 53px; margin: 0; padding: 0; } /* PARTIE DU CENTRE */ .center-altitude{ background: url(http://i48.servimg.com/u/f48/13/18/59/90/fasc_011.png) repeat-y transparent; width: 537px; margin: 0; padding: 0; } /* PARTIE DU BAS */ .bottom-altitude{ background: url(http://i48.servimg.com/u/f48/13/18/59/90/fasc_012.png) no-repeat transparent; width: 537px; height: 38px; margin: 0; padding: 0; }
/* ---- CONTENUS DU CADRE ---- */
/* BLOC TITRE */ .altitude-titre{ width: 80%; margin: 0 auto; text-align: center; } /* TITRE(lien-image) */ .altitude-titre img{ margin-top: 5px;; } /* BLOC TEXTE */ .altitude-texte{ width: 90%; margin: 0 auto; padding: 0; } /* SEPARATION */ .separate{ background: url(http://i45.servimg.com/u/f45/11/95/30/70/za1410.png) no-repeat center center; width: 449px; height: 10px; margin: 0 auto; padding: 10px; } /* PARAGRAPHE */ .altitude-texte p{ background: url(http://i45.servimg.com/u/f45/11/95/30/70/928.png) no-repeat top left; width: 90%; padding-left: 35px; margin: auto; text-align: left; font: 12px Arial; color: #69a601; text-shadow: 1px 0 1px #000; } /* PARAGRAPHE AU SURVOL */ .altitude-texte p:hover{ background: url(http://i45.servimg.com/u/f45/11/95/30/70/1028.png) no-repeat top left; } /* BLOC LIENS DU BAS */ .liens-bottom{ position: relative; width: 90%; margin: auto; padding: 0; left: 0; top: 13px; text-align: left; } /* SPAN DU BAS */ .liens-bottom span{ background: url(http://i45.servimg.com/u/f45/11/95/30/70/1226.png) no-repeat top left; display: inline-block; width: 16px; height: 17px; margin: 0 5px 0 5px; } /* SPAN DU BAS AU SURVOL */ .liens-bottom span:hover{ background: url(http://i45.servimg.com/u/f45/11/95/30/70/1226.png) no-repeat bottom left; } /* LIENS DU BAS */ .liens-bottom a{ color: #cdaf04; font: 12px Arial; text-decoration: none; } /* LIENS DU BAS AU SURVOL */ .liens-bottom a:hover{ text-decoration: none; color: #5ba412; }
/* ---- TITRE DU CADRE SANS PLANTES ---- */ .top-altitude h1{ font: bold 22px Verdana; color: #061500; text-shadow: 1px 1px 0px #8aab7b; padding-top: 10px; text-align: center; } </style> <body> <div class="tfa_altitude"> <div class="top-altitude"> <div class="altitude-titre"> <a href=""><img src="http://i48.servimg.com/u/f48/13/18/59/90/110.png" alt="Altitude tropicale"></a> </div> </div>
<div class="center-altitude"> <div class="altitude-texte">
<div class="separate"></div>
<p> Merci pour cette présentation. </p>
<div class="separate"></div>
<p> Si tu rencontres quelques petits soucis pour naviguer sur le forum, surtout n'hésites pas.
Une petite aide est fournie pour aider les nouveaux membres à utiliser les fonctionnalités du forum. Il suffit de cliquer sur <img title="http://altitudetropicale.forums-actifs.com/timur-1-aide-aux-membres-h13.htm" src="http://i23.servimg.com/u/f23/11/93/85/24/sans_t84.png" alt="http://altitudetropicale.forums-actifs.com/timur-1-aide-aux-membres-h13.htm"> afin d'y accéder.<br><br> un forum intitulé "fonctions du site" est là également pour t'aider à maitriser les fonctions du site. <br><br> Un sous forum intitulé "vos questions" te permettra également de poser des questions. Ma messagerie est également ouverte donc, n'hésites pas à me contacter en cas de soucis.<br><br>
Au plaisir de discuter avec toi<br><br>
Stéphane </p>
<div class="separate"></div>
</div> </div> <div class="bottom-altitude"> <div class="liens-bottom"> <a href="http://altitudetropicale.forums-actifs.com/t1-reglement-du-forum#axzz1q3JT7vXw"><span> </span>~Règlement~</a> <a href="http://altitudetropicale.forums-actifs.com/fonctions-du-site-f34/ "><span> </span>~Fonctions du site~</a> <a href="http://altitudetropicale.forums-actifs.com/privmsg?mode=post&u=1#axzz1q3JT7vXw"><span> </span>~Me contacter~</a> </div> </div>
<!-- LES PLANTES -->
<img style="position: absolute; top: -28px; right: 15px;" src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t44.gif" alt=""> <img style="position: absolute; left: -28px; top: 70px;" src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t50.gif" alt=""> <img style="position: absolute; top: -47px; left: 175px;" src="http://i45.servimg.com/u/f45/11/95/30/70/454.png" alt=""> <img style="position: absolute; bottom: -14px; right: -15px;" src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t46.gif" alt="">
</div> </body> </html> Merci par avance pour votre aide. ps : je fourni l'aspirine |
Dernière édition par fascicularia le Lun 16 Avr 2012, 18:21, édité 1 fois | |
| | | Gamh
{ Membre }
Messages : 19
| Alors quelques corrections : ta balise style doit être incluse dans le header de la page : - Code:
-
<html> <head> balise style ici </head> <body> contenu </body> </html> Ensuite, précise en attribut de la balise style que c'est du css - Code:
-
<style type="text/css"> Les navigateurs te diront merci ah et n'oublie pas qu'une balise unique doit de préférence être fermée par un slash : - Code:
-
<br> pas bon <br /> cool peut-être que le pb se résoudra de lui-même avec ça \o/ |
Dernière édition par Gamh le Ven 13 Avr 2012, 14:19, édité 1 fois | |
| | | Invité Invité
| Merci Gamh pour ces modifs . La j'ai honte pour le br et le head . J'ai corrigé mais , le soucis est malheureusement récurant. - Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <style type="text/css"> /* -------- BIENVENUE ALTITUDE TROPICALE -------- */
/* ---- LE CADRE ---- */
/* BLOC PRINCIPAL */ .tfa_altitude{ position: relative; width: 537px; margin: 10px auto; padding: 0; } /* PARTIE DU HAUT */ .top-altitude{ background: url(http://i48.servimg.com/u/f48/13/18/59/90/fasc_010.png) no-repeat transparent; width: 537px; height: 53px; margin: 0; padding: 0; } /* PARTIE DU CENTRE */ .center-altitude{ background: url(http://i48.servimg.com/u/f48/13/18/59/90/fasc_011.png) repeat-y transparent; width: 537px; margin: 0; padding: 0; } /* PARTIE DU BAS */ .bottom-altitude{ background: url(http://i48.servimg.com/u/f48/13/18/59/90/fasc_012.png) no-repeat transparent; width: 537px; height: 38px; margin: 0; padding: 0; }
/* ---- CONTENUS DU CADRE ---- */
/* BLOC TITRE */ .altitude-titre{ width: 80%; margin: 0 auto; text-align: center; } /* TITRE(lien-image) */ .altitude-titre img{ margin-top: 5px;; } /* BLOC TEXTE */ .altitude-texte{ width: 90%; margin: 0 auto; padding: 0; } /* SEPARATION */ .separate{ background: url(http://i45.servimg.com/u/f45/11/95/30/70/za1410.png) no-repeat center center; width: 449px; height: 10px; margin: 0 auto; padding: 10px; } /* PARAGRAPHE */ .altitude-texte p{ background: url(http://i45.servimg.com/u/f45/11/95/30/70/928.png) no-repeat top left; width: 90%; padding-left: 35px; margin: auto; text-align: left; font: 12px Arial; color: #69a601; text-shadow: 1px 0 1px #000; } /* PARAGRAPHE AU SURVOL */ .altitude-texte p:hover{ background: url(http://i45.servimg.com/u/f45/11/95/30/70/1028.png) no-repeat top left; } /* BLOC LIENS DU BAS */ .liens-bottom{ position: relative; width: 90%; margin: auto; padding: 0; left: 0; top: 13px; text-align: left; } /* SPAN DU BAS */ .liens-bottom span{ background: url(http://i45.servimg.com/u/f45/11/95/30/70/1226.png) no-repeat top left; display: inline-block; width: 16px; height: 17px; margin: 0 5px 0 5px; } /* SPAN DU BAS AU SURVOL */ .liens-bottom span:hover{ background: url(http://i45.servimg.com/u/f45/11/95/30/70/1226.png) no-repeat bottom left; } /* LIENS DU BAS */ .liens-bottom a{ color: #cdaf04; font: 12px Arial; text-decoration: none; } /* LIENS DU BAS AU SURVOL */ .liens-bottom a:hover{ text-decoration: none; color: #5ba412; }
/* ---- TITRE DU CADRE SANS PLANTES ---- */ .top-altitude h1{ font: bold 22px Verdana; color: #061500; text-shadow: 1px 1px 0px #8aab7b; padding-top: 10px; text-align: center; } </style></head> <body> <div class="tfa_altitude"> <div class="top-altitude"> <div class="altitude-titre"> <a href=""><img src="http://i48.servimg.com/u/f48/13/18/59/90/110.png" alt="Altitude tropicale"></a> </div> </div>
<div class="center-altitude"> <div class="altitude-texte">
<div class="separate"></div>
<p> Merci pour cette présentation. </p>
<div class="separate"></div>
<p> Si tu rencontres quelques petits soucis pour naviguer sur le forum, surtout n'hésites pas.
Une petite aide est fournie pour aider les nouveaux membres à utiliser les fonctionnalités du forum. Il suffit de cliquer sur <img title="http://altitudetropicale.forums-actifs.com/timur-1-aide-aux-membres-h13.htm" src="http://i23.servimg.com/u/f23/11/93/85/24/sans_t84.png" alt="http://altitudetropicale.forums-actifs.com/timur-1-aide-aux-membres-h13.htm"> afin d'y accéder.<br /><br /> un forum intitulé "fonctions du site" est là également pour t'aider à maitriser les fonctions du site. <br /><br /> Un sous forum intitulé "vos questions" te permettra également de poser des questions. Ma messagerie est également ouverte donc, n'hésites pas à me contacter en cas de soucis.<br /><br />
Au plaisir de discuter avec toi<br /><br />
Stéphane </p>
<div class="separate"></div>
</div> </div> <div class="bottom-altitude"> <div class="liens-bottom"> <a href="http://altitudetropicale.forums-actifs.com/t1-reglement-du-forum#axzz1q3JT7vXw"><span> </span>~Règlement~</a> <a href="http://altitudetropicale.forums-actifs.com/fonctions-du-site-f34/ "><span> </span>~Fonctions du site~</a> <a href="http://altitudetropicale.forums-actifs.com/privmsg?mode=post&u=1#axzz1q3JT7vXw"><span> </span>~Me contacter~</a> </div> </div>
<!-- LES PLANTES -->
<img style="position: absolute; top: -28px; right: 15px;" src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t44.gif" alt=""> <img style="position: absolute; left: -28px; top: 70px;" src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t50.gif" alt=""> <img style="position: absolute; top: -47px; left: 175px;" src="http://i45.servimg.com/u/f45/11/95/30/70/454.png" alt=""> <img style="position: absolute; bottom: -14px; right: -15px;" src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t46.gif" alt="">
</div> </body> </html> ps : le html est activé sur le forum. | | |
| | | Gamh
{ Membre }
Messages : 19
| Ah zut, perso je ne vois pas trop du coup... Si personne d'autre n'a une idée, je veux bien que tu montres comment tu "insères" ce code dans une autre page (sinon, mais je chipote là, c'est mieux de toujours donner une unité à ses chiffres dans le css, donc les "0" deviendraient "0px". je crois que les navigateurs font cette interprétation par défaut mais on sait jamais !) | | |
| | | Invité Invité
| Je t'avouerai Gamh, que cela me laisse aussi perplexe. C'est la première fois que je rencontre un soucis de cet ordre. J'ai hébergé le css dans la feuille de style pour voir si cela faisait une différence mais même topo.
Par contre, j'ai du mal à comprendre ta demande concernant l'insertion. Je copie et je colle tel quel dans le message. Le html est activé sur le forum, dans mon profil et dans le topic de réception. ps : désolé si j'ai mal interprété ta demande.
A la base, cette trame sert aux modérateurs et à moi même pour souhaiter la bienvenue aux nouveaux membres à la suite de leur topic de présentation. J'ai contourné le soucis de visualisation en mettant la trame sur une page html et en utilisant une iframe pour l'instant mais le hic, c'est que nous ne pouvons changer le contenu pour individualiser les réponses. | | |
| | | Gamh
{ Membre }
Messages : 19
| Ah d'accord, c'est moi qui n'avait pas saisi le but de ta trame, désolé ! il n'y a pas une balise à placer autour du code par hasard ? test gras
Ok je viens de faire des tests, je crois comprendre. Le HTML est activé directement sur le forum (je trouve pas ça très propre, mais passons je ne juge pas ^^). Vous pouvez donc mettre n'importe quelle balise mais pas reconstituer une page. Exemple : j'écris le code suivant - Code:
-
<html> <head> <style type="text/css"> .test { text-align: right; } </style> </head> <body> <p> <em>test italique</em> </p> <div class="test"> <p>aligndroite</p> </div> </body> </html>
Il m'affiche en résultat : test italique
(fin du test) Que s'est-il passé ? il a bien pris en compte la balise d'emphase em et mis le texte en italique, par contre il ne peut pas lire de style enregistré puisque le forum ne refait pas le travail d'interprétation du head et body. Du coup, il faudrait que tu respécifie tes styles dans chaque div, du genre : - Code:
-
<div style="color: red;"> rouuuge </div>
où l'attribut style contient des règles CSS. Ca donne : rouuuge
Enfin c'est ce que je comprends de mes observations | | |
| | | Invité Invité
| Ce qui revient en fait à installer le css dans la feuille de style et à laisser le système gérer les attributions des div , non !!!!!!!.
Ceci dit, je vais tout de même tester, au cas ou.
Gamh, merci pour votre grande patience
| | |
| | | Gamh
{ Membre }
Messages : 19
| Si vous pouvez éditer la feuille CSS, oui ça revient a priori au même (c'est même bien mieux héhé)
Pas de souci, ça me fait plaisir de pouvoir aider un peu ! | | |
| | | Invité Invité
| Bon, je viens de tester en installant les propriétés dans les div et malheureusement, le résultat est identique même en compressant à l'extrème. Je ne sais trop quoi penser (beug fa et non prise en compte des éléments de positionnement ???). Voici le code - Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"><html><head></head><body><div class="position:relative;width:537px;margin:10px auto;padding:0;"> <div class="font:bold 22px Verdana;color:#061500;text-shadow:1px 1px 0px #8aab7b;padding-top:10px;text-align:center;"> <div class="width:80%;margin:0 auto;text-align:center;"><a href=""><img src="http://i48.servimg.com/u/f48/13/18/59/90/110.png"alt="Altitude tropicale"></a> </div></div><div class="background:url(http://i48.servimg.com/u/f48/13/18/59/90/fasc_011.png) repeat-y transparent;width:537px;margin:0;padding:0;"> <div class="width:90%;margin:0 auto;padding:0;"> <div class="background:url(http://i45.servimg.com/u/f45/11/95/30/70/za1410.png) no-repeat center center;width:449px;height:10px;margin:0 auto;padding:10px;"></div> <p> Merci pour cette présentation. </p> <div class="background:url(http://i45.servimg.com/u/f45/11/95/30/70/za1410.png) no-repeat center center;width:449px;height:10px;margin:0 auto;padding:10px;"></div> <p> Si tu rencontres quelques petits soucis pour naviguer sur le forum,surtout n'hésites pas. Une petite aide est fournie pour aider les nouveaux membres à utiliser les fonctionnalités du forum. Il suffit de cliquer sur <img title="http://altitudetropicale.forums-actifs.com/timur-1-aide-aux-membres-h13.htm"src="http://i23.servimg.com/u/f23/11/93/85/24/sans_t84.png"alt="http://altitudetropicale.forums-actifs.com/timur-1-aide-aux-membres-h13.htm">afin d'y accéder.<br /><br />un forum intitulé "fonctions du site"est là également pour t'aider à maitriser les fonctions du site.<br /><br />Un sous forum intitulé "vos questions"te permettra également de poser des questions.Ma messagerie est également ouverte donc,n'hésites pas à me contacter en cas de soucis.<br /><br />Au plaisir de discuter avec toi<br /><br />Stéphane </p> <div class="background:url(http://i45.servimg.com/u/f45/11/95/30/70/za1410.png) no-repeat center center;width:449px;height:10px;margin:0 auto;padding:10px;"></div> </div> </div> <div class="background:url(http://i48.servimg.com/u/f48/13/18/59/90/fasc_012.png) no-repeat transparent;width:537px;height:38px;margin:0;padding:0;"> <div class="position:relative;width:90%;margin:auto;padding:0;left:0;top:13px;text-align:left;"> <a href="http://altitudetropicale.forums-actifs.com/t1-reglement-du-forum#axzz1q3JT7vXw"><span> </span>~Règlement~</a><a href="http://altitudetropicale.forums-actifs.com/fonctions-du-site-f34/ "><span> </span>~Fonctions du site~</a> <a href="http://altitudetropicale.forums-actifs.com/privmsg?mode=post&u=1#axzz1q3JT7vXw"><span> </span>~Me contacter~</a> </div> </div> <img style="position:absolute;top:-28px;right:15px;"src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t44.gif"alt=""> <img style="position:absolute;left:-28px;top:70px;"src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t50.gif"alt=""> <img style="position:absolute;top:-47px;left:175px;"src="http://i45.servimg.com/u/f45/11/95/30/70/454.png"alt=""> <img style="position:absolute;bottom:-14px;right:-15px;"src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t46.gif"alt=""></div></body></html> L'installation du css dans la feuille de style donne par contre un affichage des images constituant le cadre mais les images qui ont des balises de positionnement s'installent juste en dessous du cadre. En fait, le positionnement n'est pas pris en compte ( ) | | |
| | | Gamh
{ Membre }
Messages : 19
| Euh l'attribut dans les div c'est "style", pas "class" Si j'ai bien compris, tu veux insérer ce code dans un topic ? Dans ce cas tu dois pas t'encombrer de la structure d'une page complète : soucie-toi juste du contenu. Ceci devrait faire l'affaire : - Code:
-
<div> <div style="position:relative;width:537px;margin:10px auto;padding:0;"> <div style="font:bold 22px Verdana;color:#061500;text-shadow:1px 1px 0px #8aab7b;padding-top:10px;text-align:center;"> <div style="width:80%;margin:0 auto;text-align:center;"> <a href=""><img src="http://i48.servimg.com/u/f48/13/18/59/90/110.png"alt="Altitude tropicale"></a> </div> </div> <div style="background:url(http://i48.servimg.com/u/f48/13/18/59/90/fasc_011.png) repeat-y transparent;width:537px;margin:0;padding:0;"> <div style="width:90%;margin:0 auto;padding:0;"> <div style="background:url(http://i45.servimg.com/u/f45/11/95/30/70/za1410.png) no-repeat center center;width:449px;height:10px;margin:0 auto;padding:10px;"> </div> <p> Merci pour cette présentation. </p> <div style="background:url(http://i45.servimg.com/u/f45/11/95/30/70/za1410.png) no-repeat center center;width:449px;height:10px;margin:0 auto;padding:10px;"> </div> <p> Si tu rencontres quelques petits soucis pour naviguer sur le forum,surtout n'hésites pas. Une petite aide est fournie pour aider les nouveaux membres à utiliser les fonctionnalités du forum. Il suffit de cliquer sur <img title="Aide au membres" src="http://i23.servimg.com/u/f23/11/93/85/24/sans_t84.png" alt="Aide au membres">afin d'y accéder.<br /> <br />Un forum intitulé "fonctions du site" est là également pour t'aider à maitriser les fonctions du site.<br /><br />Un sous forum intitulé "vos questions" te permettra également de poser des questions.Ma messagerie est également ouverte donc,n'hésites pas à me contacter en cas de soucis.<br /><br />Au plaisir de discuter avec toi<br /><br />Stéphane </p> <div style="background:url(http://i45.servimg.com/u/f45/11/95/30/70/za1410.png) no-repeat center center;width:449px;height:10px;margin:0 auto;padding:10px;"> </div> </div> </div> <div style="background:url(http://i48.servimg.com/u/f48/13/18/59/90/fasc_012.png) no-repeat transparent;width:537px;height:38px;margin:0;padding:0;"> <div style="position:relative;width:90%;margin:auto;padding:0;left:0;top:13px;text-align:left;"> <a href="http://altitudetropicale.forums-actifs.com/t1-reglement-du-forum#axzz1q3JT7vXw">~Règlement~</a><a href="http://altitudetropicale.forums-actifs.com/fonctions-du-site-f34/ ">~Fonctions du site~</a> <a href="http://altitudetropicale.forums-actifs.com/privmsg?mode=post&u=1#axzz1q3JT7vXw">~Me contacter~</a> </div> </div> <img style="position:absolute;top:-28px;right:15px;" src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t44.gif" alt="" /> <img style="position:absolute;left:-28px;top:70px;"src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t50.gif"alt="" /> <img style="position:absolute;top:-47px;left:175px;" src="http://i45.servimg.com/u/f45/11/95/30/70/454.png" alt="" /> <img style="position:absolute;bottom:-14px;right:-15px;" src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t46.gif" alt="" /> </div> </div>
J'ai aussi changé tes balises img : comme elles sont simples, mets des slashs à la fin, l'attribut alt (obligatoire) donne le texte à afficher au cas où l'image peut pas être chargée, l'attribut title (facultatif) donne le texte à afficher lorsque tu laisse ta souris sur l'image (donc pas besoin de mettre une url dedans ^^) | | |
| | | Invité Invité
| Autant pour moi, j'ai fait un copier coller des propriétés en oubliant de modifier style par class. En utilisant le code modifié par vos soins , le résultat est identique qu'en passant par le css dans la feuille de style. En image pour comprendre un peu mieux le soucis et voici ce que donne la trame sur une page html Comme vous pouvez le constater, toutes les images qui ont une balise de positionnement semblent ne pas réagir au positionnement. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bonjour J'ai un petit problème en lisant ce sujet, pourquoi est-ce que tu souhaites coller une page HTML complète... dans une page HTML complète ? Un document HTML se définit par son Doctype et ses balises html, body, head. Tu ne dois surtout pas les répéter une fois qu'elles ont déjà été déclarées. Or, dans la mesure où un forum est un document HTML, elles sont déjà déclarées, depuis le début. Bref, pour en revenir à ton code, dans la mesure où il est destiné à être utilisé sur ton forum, tu peux d'ores et déjà placer le code CSS directement dans ta feuille de styles, ça t'évitera des soucis de mise à jour. Ensuite, les messages de FA ne sont pas faits pour accueillir une page HTML complète, parce que les sauts de ligne sont interprétés. Tu dois donc virer tous les sauts de ligne, ou utiliser des commentaires pour garder un code à peu près aéré. Ce qui te donne ça : - Code:
-
<div class="tfa_altitude"><!-- --><div class="top-altitude"><!-- --><div class="altitude-titre"><!-- --><a href=""><img src="http://i48.servimg.com/u/f48/13/18/59/90/110.png" alt="Altitude tropicale"></a><!-- --></div><!-- --></div><!-- --><div class="center-altitude"><!-- --><div class="altitude-texte"><!-- --><div class="separate"></div><!-- --><p>Merci pour cette présentation.</p><!-- --><div class="separate"></div><!-- --><p>Si tu rencontres quelques petits soucis pour naviguer sur le forum, surtout n'hésites pas.
Une petite aide est fournie pour aider les nouveaux membres à utiliser les fonctionnalités du forum. Il suffit de cliquer sur <img title="http://altitudetropicale.forums-actifs.com/timur-1-aide-aux-membres-h13.htm" src="http://i23.servimg.com/u/f23/11/93/85/24/sans_t84.png" alt="http://altitudetropicale.forums-actifs.com/timur-1-aide-aux-membres-h13.htm"> afin d'y accéder. Un forum intitulé "fonctions du site" est là également pour t'aider à maitriser les fonctions du site.
Un sous forum intitulé "vos questions" te permettra également de poser des questions. Ma messagerie est également ouverte donc, n'hésites pas à me contacter en cas de soucis.
Au plaisir de discuter avec toi
Stéphane</p><!-- --><div class="separate"></div><!-- --></div><!-- --></div><!-- --><div class="bottom-altitude"><!-- --><div class="liens-bottom"><!-- --><a href="http://altitudetropicale.forums-actifs.com/t1-reglement-du-forum#axzz1q3JT7vXw"><span> </span>~Règlement~</a><!-- --><a href="http://altitudetropicale.forums-actifs.com/fonctions-du-site-f34/ "><span> </span>~Fonctions du site~</a><!-- --><a href="http://altitudetropicale.forums-actifs.com/privmsg?mode=post&u=1#axzz1q3JT7vXw"><span> </span>~Me contacter~</a><!-- --></div><!-- --></div><!-- LES PLANTES --><img style="position: absolute; top: -28px; right: 15px;" src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t44.gif" alt=""><!-- --><img style="position: absolute; left: -28px; top: 70px;" src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t50.gif" alt=""><!-- --><img style="position: absolute; top: -47px; left: 175px;" src="http://i45.servimg.com/u/f45/11/95/30/70/454.png" alt=""><!-- --><img style="position: absolute; bottom: -14px; right: -15px;" src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t46.gif" alt=""><!-- --></div> Et ça marche très bien : | | |
| | | Invité Invité
| Bonsoir 'Christa, En fait je souhaite tout simplement afficher le message de bienvenue dans un message comme vous l'avez fait. Je constate de votre côté que tout passe correctement. Je viens de tester votre code et bizarrement voici ce que j'obtiens : en prévisualisation en validant Vu votre résultat et le mien, j'en conclu que mon forum a un léger soucis. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Le petit "ne me vouvoyez pas" sous ma signature n'est pas là pour décorer, fascicularia, et ce n'est pas la première fois que je te le fais remarquer ;_;
En effet, ton forum est probablement le problème, probablement à cause de tous ces effets que tu as mis partout (au mépris du bon sens, oserai-je ajouter). Il me faudrait aller voir le post en lui même pour voir ce qui cloche. | | |
| | | Invité Invité
| Désolé 'Christa, tu sais que j'ai toujours eu du mal à tutoyer ; non pas par mondanité mal placée mais juste par correction envers mon interlocuteur. Nous nous connaissons depuis un certain moment mais je ne sais si j'avais utilisé le même pseudo à l’époque. Ceci dit, un grand merci pour cette aide
Je viens de poster la trame sur une partie ouverte aux invités
http://altitudetropicale.forums-actifs.com/t1875-juste-un-essai-ne-pas-tenir-compte-de-ce-message#16401
| | |
| | | 'Christa
Lostmindy
Messages : 2856
| Je te connais en tant que fascicularia depuis avant la fermeture de CSSA '_' Et ce forum aussi, d'ailleurs. C'est moi qui ai changé de pseudo (mais Kaiji m'a gracieusement mis mon "Lostmindy" dans mon rang x) ) Pour ton problème, essaie en remplaçant la partie des images par ça : - Code:
-
<!-- LES PLANTES --><div class="plante1"><img src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t44.gif" alt=""></div><!-- --><div class="plante2"><img src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t50.gif" alt=""></div><!-- --><div class="plante3"><img src="http://i45.servimg.com/u/f45/11/95/30/70/454.png" alt=""></div><!-- --><div class="plante4"><img src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t46.gif" alt=""></div><!-- --> Et rajoute ceci dans ton CSS, bien sûr : - Code:
-
.plante1 {position: absolute; top: -28px; right: 15px;} .plante2 {position: absolute; left: -28px; top: 70px;} .plante3 {position: absolute; top: -47px; left: 175px;} .plante4{position: absolute; bottom: -14px; right: -15px;} | | |
| | | Invité Invité
| 'Crista que dire si ce n'est que cela fonctionne parfaitement. Le soucis venait donc bien des balises de positionnement que mon fofo à du mal à interpréter (très certainement à cause d'une de mes modifications hasardeuse). Que dire de plus si ce n'est un grand merci pour cette aide. Ps : en fait , nous nous connaissons sur deux forums de codage , L'Enae bien sur où j'ai fait un bref passage et l'Atelier sur lequel j'étais modérateur. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Le temps de chargement de ton forum est horriblement long, aussi, doit y avoir 15000 codes js qui se croisent x_x (Sérieusement, la parcimonie est l'amie du codeur.) Et sinon oui je sais que t'étais sur l'Atelier.
Tant mieux si ton problème est résolu, donc @_@ Messieurs et mesdames les modérateurs, vous pouvez archiver. | | |
| | | Invité Invité
| Merci 'Crista pour cette aide. je sais , je n'ai pas encore toute la maturité requise pour utiliser avec parcimonie certains codages ; ça viendra | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Le problème étant résolu, je déplace. (: Bonne soirée ! | | |
| | | Contenu sponsorisé
| | | | | [résolu]Trame html inopérante dans les topics mais fonctionnant dans une page html | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|