Bonjour à tous

jai un petit blog de cuisine sous wordpress et j'ai un problème de superposition de bouton en bas de page

par exemple sur cette page http://www.vinicuisiner.com/recette/gat ... ougat.html juste après la possibilité de laisser un commentaire on peut mettre un note via un système de notation par étoile et on clic pour "envoyer le commentaire". malheureusement les 2 bouton se superpose et on ne peut rien faire, j'ai essayé de modifie le fichier css et le fichier php mais sans succès

merci d'avance pour votre aide

@+ jenny

A mon avis tu mélanges deux div qui n'ont aucunement un CSS compatible.
Essaies de sortir le div : <div id="ERComment">
de la span : <span class="art-button-wrapper">

En le mettant devant par exemple.

merci pour ta reponse, sachant que je n'y connais pas grand chose j'ai regardé avec firebug et oui en effet les 2 sont associees. comment sortir de div sachant qu'il se trouve sur un fichier php et la span qui est sur un autre

bon je vais essayé de regardé de plus pret

merci

Le bouton a quelque chose à voir avec le code de vote ou aucunement ?
S'ils sont en relation c'est que c'est un problème de CSS.

S'ils n'ont rien à voir, c'est encore un problème de CSS mais qu'on peut régler autrement.
A savoir en mettant le bouton submit en dessous.
Tu dois avoir un include() qui n'est pas au bon endroit.

Le bouton a quelque chose à voir avec le code de vote ou aucunement ?
S'ils sont en relation c'est que c'est un problème de CSS.

S'ils n'ont rien à voir, c'est encore un problème de CSS mais qu'on peut régler autrement.
A savoir en mettant le bouton submit en dessous.
Tu dois avoir un include() qui n'est pas au bon endroit.

non aucunement, le bouton fait partie de mon "theme" wordpress et le système de notation d'un plugin.

je cherche cet include et vous tiens au courant

merci
jenny

je met mes fichier css

celui du systeme de notation

#divERContainer{position:relative;width:644px;}#divERHeader{position:relative;font:22px Georgia,"Times New Roman",Times,serif;margin-top:15px;margin-bottom:18px;margin-left:14px;}#divERBody{position:relative;width:604px;padding-left:12px;font:normal 14px Arial,Helvetica,sans-serif;border:1px solid #dfdfdf;margin-bottom:10px;margin-left:14px;}#divERName{position:relative;}#lblERIngredients{position:relative;font-size:14px;}#divERIngredients{position:relative;}#lblERInstructions{position:relative;}#divERInstructions{position:relative;}#divERNamebox{position:absolute;left:3px;top:4px;width:563px;height:29px;z-index:1;}#divERMore{position:absolute;top:442px;width:585px;height:141px;}#easyrecipeLaunch{cursor:pointer;margin-left:4px;}.easyrecipe{border:1px dashed #000;padding-left:10px;text-align:left;background:#f7f7f7;padding-top:10px;padding-right:10px;margin-top:10px;position:relative;overflow:hidden;clear:both;}.EREditDelete{color:#FFF;background:#F00;text-align:center;}.ERTextArea{width:590px;height:170px;margin-bottom:20px;}.ER{width:460px;}.ERLabel{font:bold 14px Arial,Helvetica,sans-serif;position:relative;margin-top:6px;cursor:pointer;}#divRateBG{width:95px;height:15px;cursor:pointer;float:left;background:url(images/greystar15.png) repeat-x;}#divRateStars{width:95px;height:15px;cursor:pointer;background:url(images/yellowstar15.png) repeat-x;}#ERComment{margin-bottom:10px;}.ERHead{float:left;font:9px "Trebuchet MS",Arial,Helvetica,sans-serif;margin-right:15px;color:#828080;}.ERName{font-size:18px;font-weight:bold;float:left;}.ERClear{height:0;clear:both;}.btnERPrint{background:url(images/print.png) no-repeat;padding-left:20px;color:#00F;text-decoration:underline;cursor:pointer;}.ERLinkback{font:9px "Trebuchet MS",Arial,Helvetica,sans-serif;position:relative;margin-bottom:6px;}.ERHeader{height:25px;}.ERSummary{position:relative;clear:both;padding-top:8px;}.instructions ol{margin-top:0;}.easyrecipe.mceNonEditable ul{margin-top:0;}.endeasyrecipe{display:none;visibility:hidden;height:0;width:0;overflow:hidden;}.ERRating{float:right;margin-right:15px;width:95px;}.ERRatingOuter{background:url(images/greystar15.png) repeat-x;width:95px;height:15px;font:10px "Trebuchet MS",Arial,Helvetica,sans-serif;text-align:center;margin-right:5px;margin-left:5px;}.ERRatingComment{background:url(images/greystar15.png) repeat-x;width:95px;height:15px;margin-right:20px;}.ERRatingInner{background:url(images/yellowstar15.png) repeat-x;width:50%;height:15px;}.easyrecipe .ERHDTable{border:none!important;margin:0!important;padding:0!important;width:100%!important;}.easyrecipe .ERHDTable td{border:none!important;padding:0!important;margin:0!important;vertical-align:top!important;}.ERHDPrint{margin:0;padding:0;width:55px;}.ERHDPrint{width:50px;}.ERIngredientsHeader,.ERInstructionsHeader,.ERNotesHeader{font-weight:bold;font-size:120%;margin-top:5px;clear:both;}.ingredients .ERSeparator{list-style:none;font-style:italic;font-weight:bold;margin-left:-14px;margin-top:0;}.instructions .ERSeparator{list-style:none;font-style:italic;font-weight:bold;margin-left:14px;margin-top:10px;}html>body .easyrecipe ul{list-style-type:circle;list-style-position:outside;margin-left:22px;margin-right:0;margin-top:10px;margin-bottom:10px;padding:0;}body .easyrecipe ul li{list-style-type:inherit;list-style-position:inherit;padding-top:2px;padding-bottom:2px;margin:0;padding-top:0;padding-bottom:0;background:none;}html>body .easyrecipe ol{margin-left:30px;margin-right:0;margin-top:10px;margin-bottom:10px;padding:0;list-style-position:outside;list-style-type:decimal;}body .easyrecipe ol li{margin:0;padding-top:2px;padding-bottom:2px;list-style-type:inherit;list-style-position:inherit;}.ERDisplayNone{display:none!important;}.entry ul li::before{content:normal;}

et celui du bouton du theme

/* begin Button */
.art-button-wrapper a.art-button,
.art-button-wrapper a.art-button:link,
.art-button-wrapper input.art-button,
.art-button-wrapper button.art-button
{
  text-decoration: none;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  position:relative;
  top:0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #F9FAFB !important;
  width: auto;
  outline: none;
  border: none;
  background: none;
  line-height: 36px;
  height: 36px;
  margin: 0 !important;
  padding: 0 26px !important;
  overflow: visible;
  cursor: default;
}

.art-button img, .art-button-wrapper img
{
  margin: 0;
  vertical-align: middle;
}

.art-button-wrapper
{
  vertical-align: middle;
  display: inline-block;
  position: relative;
  height: 36px;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.firefox2 .art-button-wrapper
{
  display: block;
  float: left;
}

input, select, textarea
{
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}

.art-block select 
{
    width:96%;
}

.art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover
{
  color: #7F5305 !important;
  text-decoration: none !important;
}

.art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link
{
  color: #FFFFFF !important;
}

.art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r
{
  display: block;
  position: absolute;
  height: 118px;
  margin: 0;
  padding: 0;
  background-image: url('images/button.png');
}

.art-button-wrapper .art-button-l
{
  left: 0;
  right: 18px;
}

.art-button-wrapper .art-button-r
{
  width: 425px;
  right: 0;
  clip: rect(auto, auto, auto, 407px);
}

.art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r
{
  top: -41px;
}

.art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r
{
  top: -82px;
}

.art-button-wrapper input
{
  float: none !important;
}
/* end Button */

Si c'est un CMS regardes plutôt du côté du template de la page.
Je ne sais pas comment fonctionne les plugins pour Wordpress mais tu auras surement une partie qui apparait dedans.
Ainsi que le bouton submit, il te suffira de le déplacer.

Si c'est un CMS regardes plutôt du côté du template de la page.
Je ne sais pas comment fonctionne les plugins pour Wordpress mais tu auras surement une partie qui apparait dedans.
Ainsi que le bouton submit, il te suffira de le déplacer.

merci j'ai donc trouvé dans mon comment.php la ligne suivante

<span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span>
		<input class="art-button" type="submit" name="submit" tabindex="5" value="<?php _e('Submit Comment', THEME_NS); ?>" />
	</span>

j'ai déplacé cette ligne et la super mon bouton s'est bien déplacé, mais c'était trop beau, il ne fonctionnai plus j'ai donc déplacé aussi la ligne <?php do_action('comment_form', $post->ID); ?> , mais le fait de la déplacer me remet automatiquement la superposition.

<p><textarea name="comment" id="comment" cols="40" rows="10" tabindex="4"></textarea></p>
<p>
	<span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span>
		<input class="art-button" type="submit" name="submit" tabindex="5" value="<?php _e('Submit Comment', THEME_NS); ?>" />
	</span>
    <?php comment_id_fields(); ?>
</p>
<?php do_action('comment_form', $post->ID); ?>
</form>
<?php endif;?>
<?php 
  art_post_box('', ob_get_clean(), 'respond');

j'ai finalement réussi à régler mon problème j'ai été recherché les theme par défaut la ligne

<p><input name="submit" type="submit" id="submit" tabindex="5" value="Valider le commentaire" />
<?php comment_id_fields(); ?>
</p>
<?php do_action('comment_form', $post->ID); ?>

le bouton est "classic" mais au moins ca fonctionne

merci encore xTG pour ton aide