 Gaki 
{ Membre }
 Messages : 14
 | Bon voilà, j'aimerais mettre sur un forum une fenêtre fixe sur la gauche. C'est à dire une fêntre qui sera toujours apparente même quand on descend la page où qu'on change la page. Pour réaliser cela, j'ai tenté de faire un module Html, le suivant (le codage est juste de base et non personnaliser) : - Code:
-
<html> <head> <title> Test </title> <style type="text/css"> .alignement { position: absolute; top: 25em; right: 0em; background: red; border: 2px solid black; width: 160px; height: 180px; } </style> <body> <div class="alignement"> blabla </div> </body> </head> </html> Qui donne cela : http://testforumgaki.forumgratuit.org/h11-testeuh Je me suis dit, Ok j'ai réussi le plus dur ! Je désire maintenant le placer dans un template et j'ai pensé à celui "overall_header" car dedans ce trouve la bannière et le fond du forum qui, ciomme ce que je désire faire, reste fixe quand on parcourt le forum est le page. J'ai donc ajouté mon module dans ce template avant le < /head> avec un - Code:
-
<iframe src="http://testforumgaki.forumgratuit.org/h11-testeuh" style="height: 180px; width: 160px; frameborder="no"; scrolling="no"></iframe>
Et c'est là que je remarque que ça ne marche pas, du coup je n'ai aucune codée de comment introduire cette page Html dans mon template pour qu'elle génére cette fameuse fenêtre fixe :/ Quelqu'un pourrait m'éclairer ?Merci d'avance ! | | |
|
Doare 
{ Spécialiste }
Messages : 544
| D'une part, si tu l'as mis juste avant : - Code:
-
</head> C'est normal que tu ne vois rien. Tout le contenu affiché doit être inclus entre les balises BODY. Dans le HEAD d'une page, il s'agit d'informations invisibles lues par les navigateurs et les moteurs de recherche.  Donc tu dois placer ton code juste après : - Code:
-
<body> D'autre part, le code de ton iframe comporte des erreurs : - Code:
-
style="height: 180px; width: 160px; frameborder="no"; scrolling="no" La voilà corrigée : - Code:
-
<iframe src="http://testforumgaki.forumgratuit.org/h11-testeuh" height="180px" width="160px" frameborder="no" scrolling="no"></iframe> | | |
|
Gaki
{ Membre }
Messages : 14
| Je te remercie pour ta réponse rapide, mais soit je suis fatiguée, soit je suis inculte ou simplement pas douée, mais j'ai beau l'introduire après le Malheureusement rien ne s'affiche éoé - Code:
-
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<iframe src="http://testforumgaki.forumgratuit.org/h11-testeuh" height="180px" width="160px" frameborder="no" scrolling="no"></iframe>
<!-- BEGIN hitskin_preview -->
| | |
|
Doare
{ Spécialiste }
Messages : 544
| Nah, c'est parce qu'on n'utilise pas la bonne méthode.  Comme tu as préparé dans ta page HTML, ça marcherait très bien si tu employais la même manière, sans iframe, dans ta page : en incluant une div dans ton template et en ajoutant le CSS dans le PA, quoi. Cependant, si tu veux gérer le contenu de ce widget dans une page HTML, on va penser autrement : le positionnement ainsi que la taille du widget doivent être déterminés pour l'iframe, et non pour la div de la page HTML. Sinon, cela donne ce qu'on a actuellement, un vide apparent alors que la div s'affiche bel et bien, dans l'iframe, mais dans une zone non visible (on n'a ciblé, par les dimensions, que 160x180 de la page HTML). Bref. Tu dois ajouter une class à ton iframe, et définir sa position et son style dans le PA : - Code:
-
.mon-iframe {
position: absolute;
right: 0;
top: 25em;
border: 2px solid black;
} Et dans ta page HTML, en réalité tu n'as pas besoin de définir une taille particulière. Celle-ci est déterminée par l'iframe. Tu pourrais même parfaitement ne pas inclure la DIV pour le style de fond, BODY remplissant très bien cet office. - Code:
-
body {
background: red;
} Vouala. | | |
|
Gaki
{ Membre }
Messages : 14
| Merci ça marche ^^ En plus, j'avais quasiment fait la même pour la barre de navigation fixe, j'avais juste pas fait le rapprochement ... | | |
|
Psycho 
Psychopathe
Messages : 3407
| Hello Gaki !
Le problème est-il entièrement résolu alors ? | | |
|
Psycho
Psychopathe
Messages : 3407
| Hello Gaki (: N'ayant toujours pas obtenu de réponse, je considère ce sujet comme résolu ! Merci de ta compréhension  | | |
|
Lun 03 Juin 2024, 17:20 par 
