{Wordpress} Design au niveau des commentaires.

Bonjour!
Voici mon problème:
Avant que je ne touche au css du coin "répondre" d'un article, j'ai ceci:
http://p4.storage.canalblog.com/43/77/1099925/89573481.jpg

après modification, je me retrouve avec ça:
http://p7.storage.canalblog.com/75/49/1099925/89573487.jpg

On peut voir que les deux phrases "Logged in as Poupette" et " vous pouvez gérer vos souscriptions"
se sont collées l'une à l'autre, après le déplacement de l'encadrement du texte et du bouton "envoyer".
Comment faire pour que ces deux phrases gardent la même disposition qu'elles avaient initialement, après le changement?

Je vous mets le code css des deux modifications:

#respond textarea {
width: 50%;
float:left;
margin-left: 30px;
}

#respond input {
margin: 0 0 9px;
width: 50%;
margin-left: 30px;
float:left;
}

Voilà
en espérant que ma demande soit la plus clair possible

Belle journée!

Bonjour,

Pour obtenir une aide efficace, un peu plus de code HTML ne serait pas superflu.

Ceci dit, la solution devrait sans doute résider dans l'utilisation d'un 'clear : both;' dans le style de la phrase "Vous pouvez gérer les abonnements..."
Modifié par lddsoft (05 Sep 2013 - 15:09)

Bonsoir!
J'ai essayé le clear:both, mais ça ne change rien...d'ailleurs, les phrases "logged in as ...." et "gérer ses abonnements à l'article" ont la même id...

voici le code html correspondant:

<form action="http://localhost/wordpress2/wordpress/wp-comments-post.php" method="post" id="commentform">
<p> "Logged in as "<a href="http://localhost/wordpress2/wordpress/wp-admin/profile.php">Poupette</a>
"."
<a href="http://localhost/wordpress2/wordpress/wp_login.php? action=logout&redirect_to=http%3A%2F%2Flocalhost%2Fwordpress2%2F%3Fp%3D1& wpnonce=e7d365f439" title="Se déconnecter">Déconnection>> </a>
</p>
<p>
<textarea name="comment" id="comment" cols="50" rows="10"></textarea>
</p>
input name="submit" type="submit" id="submit" value="Envoyer ton mot acidulé">
<input type="hidden" name="comment_post_ID" value="1" id="comment_post_ID">
<input type="hidden" name="comment_parent" id="comment_parent" value="0">
</p>
<input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment" value="6639240c57">
<script>
(function(){if(windows===windows.parent){document.getElementById('_wp_unfiltered_html_comment_disabled').name='_wp_unfiltered_html_comment';}})();
</script>

<!--BEGIN: subscribe to comments reloaded-->
"Vous pouvez "
<a href="http://localhost/wordpress2/wordpress/?page_id=99999&srp=1">gérer les abonnements</a>
"aux commentaires de ce billet."
<!-- END: subscribe to comments reloaded -->
</form>
</div>
<!--END respond -->

Plusieurs constatations par rapport au code fourni :

- où commence 'respond' (il y a bien un <!--END respond --> , mais à quoi ressemble le début?)
- je ne vois aucune id identique dans ce code (d'ailleurs il ne peut y avoir 2 id semblables dans une même page web!). De plus "gérer ses abonnements ..." se trouve en dehors de la balise où est situé "logged in as..." .
- quel style est appliqué aux <p> ?
- balise <p> manquante après le paragraphe qui contient le textarea
- < manquant devant input name="submit"
- la phrase "Vous pouvez ... => de ce billet." n'est pas dans une balise. OR c'est à cette phrase qu'il faudra appliquer le "clear : both; ".

Je t'encourage à revoir la structure de ton code! L'application du style n'en sera que facilitée!

LDDsoft

Ce code est le code par défaut de mon thème, je l'ai recopié mais j'étais un peu pressée, les petites fautes telles que un < ou un <p> manquant sont de moi, désolée.
Par contre la balise n'est effectivement pas autour de "vous pouvez"=>"ce billet", mais je ne retrouve pas cette partie du code dans mes feuilles php. J'ai chercher dans function.php et dans comment.php...
Merci de ton aide en tout cas!

p.s: lorsque je dis qu'ils ont la même ID, je veux dire que lorsque je passe la sourie dessus avec "inspecter l'élément", l'encadrement qui apparaît englobe le "tagged in as" et le "vous pouvez...".
Modifié par Poupette (06 Sep 2013 - 14:28)

Tu écris :
p.s: lorsque je dis qu'ils ont la même ID, je veux dire que lorsque je passe la sourie dessus avec "inspecter l'élément", l'encadrement qui apparaît englobe le "tagged in as" et le "vous pouvez...".

C'est assez normal dans la mesure où ces 2 éléments se trouvent dans le même DIV.

Comme ta page semble devoir être générée dynamiquement (via PHP), il faudrait, en effet, retrouver et analyser les scripts qui la génèrent.
Modifié par lddsoft (06 Sep 2013 - 14:53)

Oui le seul problème c'est que je ne le retrouve pas, ce script...