Problème de panneau déroulant

[Cali93110]

Bonjour,

Suite à un autre topic où j'avais quelques soucis avec un panneau déroulant, on m'a donné un nouveau code, qui fonctionnait super bien.
Aujourd'hui, j'ai voulu remplir ce panneau déroulant, n'ayant pas eu le temps de le faire avant, et bizarrement dès que y'a du texte dedans, et ben le panneau n'apparait plus…

Code:

jQuery(document).ready(function () {
    jQuery('body').append('<div id="panneau_coulissant"><div class="contenu">

<div class="contenu03"><div class="titrecontenu03">Météo</div>
<table width="500"><tr><td width="300">En cette saison froide, il n'est pas rare de voir quelques flocons tomber de temps à autres. Jusque là, rien de très important. A certains endroits la neige persiste à rester, mais elle n'a pas encore prit possession de l'ensemble des territoires. Cependant, le gibier sent clairement que la météo n'ira pas en s'améliorant, provoquant alors une disparition assez brutale de proies…</td><td width="200">-3°C</td></tr></table>
</div></div>');
});

En revanche, celui ci fonctionne … :

Code:

jQuery(document).ready(function () {
    jQuery('body').append('<div id="panneau_coulissant"><div class="contenu">

<div class="contenu03"><div class="titrecontenu03">Météo</div>
<table width="500"><tr><td width="300">Colonne 1</td><td width="200">Colonne 2</td></tr></table>
</div></div>');
});

Y'a rien qui change entre les deux codes, si ce n'est l'ajout d'un petit paragraphe de texte…

Merci d'avance pour votre aide.

[Cali93110]

Voilà une petite relance !   

[[Nihil]]

Bonsoir Cali,

La différence entre les 2 codes, c'est l'ajout du texte avec des apostrophes. En effet les apostrophes ici servent à délimiter les limites de la chaine de caractère. Quand tu mets une apostrophe il faut donc "échapper" le caractère, comme ci : \'

Voici ton code modifié qui devrait marcher :

Code:

       jQuery(document).ready(function () {
            jQuery('body').append('<div id="panneau_coulissant"><div class="contenu"><div class="contenu03"><div class="titrecontenu03">Météo</div><table width="500"><tr><td width="300">En cette saison froide, il n\'est pas rare de voir quelques flocons tomber de temps à autres. Jusque là, rien de très important. A certains endroits la neige persiste à rester, mais elle n\'a pas encore prit possession de l\'ensemble des territoires. Cependant, le gibier sent clairement que la météo n\'ira pas en s\'améliorant, provoquant alors une disparition assez brutale de proies…</td><td width="200">-3°C</td></tr></table></div></div></div>');
        });

[Cali93110]

Exacte ça fonctionne, merci beaucoup ! J'ai encore deux mini-questions, j'en suis désolée. :3
J'ai essayé de placer un margin-left de sorte à décaler le contenu du panneau (et pas le panneau lui même), car le texte est vraiment collé contre le bord de la page. Mais rien à faire, ça marche pas. Et idem, je voudrais justifier le texte… Je comprends pas pourquoi ces deux propriétés ne fonctionnent pas, j'ai réussi à mettre le texte en 11px pourtant…

Merci pour ton aide.

[[Nihil]]

J'ai essayé de placer un margin-left de sorte à décaler le contenu du panneau (et pas le panneau lui même), car le texte est vraiment collé contre le bord de la page.

Hum, je pense que le padding-left serait plus approprié .
Pour ton td avec le texte dedans :

Code:

<td width="300" style="padding-left: 10px;text-align:justify">

[Cali93110]

Très bien vu, merci beaucoup pour ton aide !