Discussion :

[wwwbillgates]

Bonjour à tous... Comment puis-je faire pour retirer l'espace de 3 ou 4 px environ qui s'est créé entre mes deux boutons "input" ? J'ai bien essayé le
input
{
margin: 0;
}

Mais rien y fait


voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
?>
			<form method="post" action="etape3_descriptionbouilles.php?id=<?php echo $donnees['id']; ?>&nombre_bouilles=<?php echo $nb_de_bouilles; ?>">
				<div class="boucle">
					<h4><?php echo $donnees['titre'] . '<br />pour ' . $nb_de_bouilles . ' bouille' . pluriel($nb_de_bouilles) . affichage_pourcentage($pourcentage_de_reduction) . '.'; ?></h4>
 
 
					<input type="image" value="ajouter" class="support_prix" src="<?php echo $element; ?>" />
					<input type="image" value="ajouter" class="bouton_ajouter" src="../../interface/bt_choisirfond.gif" onmouseover="this.src='../../interface/bt_choisirfond_push.gif'" onmouseout="this.src='../../interface/bt_choisirfond.gif'" />
 
 
					Réalisation au prix de <strong><?php echo $prix_bouille; ?> €</strong><br />
					<?php echo affichage_reduction($reduction); ?>
 
					<input type="hidden" name="support_prix" value="1111111" />
				</div>
			</form>
			<?php

[Macmillenium]

Bonjour,

Cette espace correspond au retour à la ligne dans le code HTML, la suppression de celui-ci te permet d'obtenir le rendu souhaité:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="image" value="ajouter" class="support_prix" src="<?php echo $element; ?>" /><input type="image" value="ajouter" class="bouton_ajouter" src="../../interface/bt_choisirfond.gif" onmouseover="this.src='../../interface/bt_choisirfond_push.gif'" onmouseout="this.src='../../interface/bt_choisirfond.gif'" />

Les éléments de rendu inline se comportent de cette manière.

[Erwan31]

Bonjour,
c'est comme ça pour tous les élément inline qui ne sont pas collés dans le code.
soit tu supprimes le retour à la ligne entre les deux input
soit tu les convertis en élément bloc via un float:left
soit tu ajoutes un commentaire HTML entre eux.

EDIT: grillé!

[wwwbillgates]

merci pour votre réponse, c'est la méthode du block qui a fonctionné dans mon cas.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
.boucle input
{ 
    display: block;
}

Bonne journée

[JerryOne3]

Ce sujet m'a aidé, merci