Page html et personnaliser la case spoiler

1 Page html et personnaliser la case spoiler 6/3/2009, 23:25

Final-Blonde
Staff du forum

Merci reçus : 77

Hello SF !

Je cherche à mettre un fond etc, sur la case "spoiler" à l'instar de ce tuto Personnaliser spoiler et code mais sur une page HTML.

Voici le code de spoiler transcrit en html :

Code:: <dl class="codebox" style="cursor: pointer;" onclick="this.getElementsByTagName('div')[0].style.display=((this.getElementsByTagName('div')[0].style.display=='none')?'':'none');"><dt>Spoiler:</dt><dd><div style="display:none;">YO SF </div> </dd></dl>

Ce qui donne :
<dl class="codebox" style="cursor: pointer;" onclick="this.getElementsByTagName('div')[0].style.display=((this.getElementsByTagName('div')[0].style.display=='none')?'':'none');"><dt>Spoiler:</dt><dd><div style="display:none;">YO SF Vide

</div>
</dd></dl>

Je n'ai pas encore^^ compris pourquoi le CSS ne prends pas sur une page html...

Merci de m'aider dans ce petit brainstorming.

2 Re: Page html et personnaliser la case spoiler 6/3/2009, 23:46

Zeco
Administrateur absent

Merci reçus : 214

Les pages html n'interprêtent pas les données qui n'y sont pas inclues...

Tu peux cependant mettre le code le code CSS concernant la "codebox" dans la page HTML entre ces balises :

Code:: <head> <style type="text/css">  </style> </head>

3 Re: Page html et personnaliser la case spoiler 6/3/2009, 23:54

Final-Blonde
Staff du forum

Merci reçus : 77

Joliiiiiii !

Merci beaucoup Ze et désolée si la question a déjà été posée, mais je prends la tête avec ma page^^...

Thanx again. Yamis Impressionné

4 Re: Page html et personnaliser la case spoiler 7/3/2009, 00:53

Zeco
Administrateur absent

Merci reçus : 214

De rien

Contenu sponsorisé

Derniers sujets

1 Page html et personnaliser la case spoiler 6/3/2009, 23:25

2 Re: Page html et personnaliser la case spoiler 6/3/2009, 23:46

3 Re: Page html et personnaliser la case spoiler 6/3/2009, 23:54

4 Re: Page html et personnaliser la case spoiler 7/3/2009, 00:53

5 Re: Page html et personnaliser la case spoiler