[RESOLU]Comment mettre bouton input et href sur une meme ligne

bonsoir a tous
j ai un soucis avec un code d un menu accordeon
en fait
j ai installer un menu accordeon
tout se passe bien
sauf que
je n arrive pas a mettre sur la meme ligne le bouton input et un lien qui dirige vers une page externe
j ai le bouton input puis un saut de ligne
voici un morceau du code

<li><a ><label for="by_poste france"><input type="radio" onclick="majPrixPort(this.form);" value="3" name="envoi" id="by_poste france" checked="checked"><font color="noir"><a target="_blank" href="http://www.mondialrelay.be/fr-BE/"><b>par garanti</b></a></font></label></a></li>

merci de l aide
Modifié par flexi2202 (05 Jun 2013 - 10:45)

bonjour
un petit up svp
merci

Bonjour,

Où est situé ton "bouton input" ? Je ne le vois pas dans ton code.

merci de la reponse
a cet endroit

<input type="radio"

flexi2202 a écrit :
merci de la reponse
a cet endroit

&lt;input type=&quot;radio&quot;

Ah, je pensais que tu parlais d'un bouton de type "submit".

Toujours est-il que si je prends ton code tel quel et que je le colle sur jsFiddle, je n'ai pas de retour à la ligne après le bouton radio comme tu peux le constater toi-même.

Ce qui me fait penser que tu dois avoir quelque chose dans ta feuille de style CSS qui te provoque ce retour à la ligne.

pourtn

pourtant
voici ce que j ai
http://www.hostingpics.net/viewer.php?id=422462ecran1.jpg

flexi2202 a écrit :
pourtant
voici ce que j ai
http://www.hostingpics.net/viewer.php?id=422462ecran1.jpg

Le site est-il en ligne ? Si oui, quelle est l'adresse ? Ça sera beaucoup plus simple car ça peut être plein de "conflits" différents.
Modifié par j0r (03 Jun 2013 - 15:59)

a tout hasard voici le code complet de mon menu accordéon

<tr bgcolor="#ffffcc">
		<td  height="49" bgcolor=#ffffff align="LEFT" colspan="4">
    	<div id="menus">
		<dl id="menu">
						<dt class="smenu" id="a2"><span style="background-image: url(bug.png);">quels frais pour la belgique</span></dt>
			<dd id="smenu2">
				<ul>
					<li><a ><label for="by_kiala"><input type="radio" onclick="majPrixPort(this.form);" value="1" name="envoi" id="by_kiala"><font color="noir">par kiala l envois est securise et garanti</font><br><font color="noir">si moins de 4 paquets alors 3 euros<font color="red">(si plus de 3 paquets  alors 2 euros)</font></font></label><br><br></a></li>
					<li><a ><label for="by_poste"><input type="radio" onclick="majPrixPort(this.form);" value="0" name="envoi" id="by_poste" checked="checked"><font color="noir">par la poste envoi non securise ( je ne suis pas responsable des pertes eventuelle)</font><br><font color="noir">si moins de 4 paquets 1 euros <font color="red">(si plus de 3 paquets GRATUIT)</font ></font></label> </a></li>
								</ul>
			</dd>	
			<dt class="smenu" id="a3"><span style="background-image: url(bug.png);">quels frais pour la france</span></dt>
			<dd id="smenu3">
				<ul>
					<li><a ><label for="by_poste fr">     <input type="radio" onclick="majPrixPort(this.form);" value="2" name="envoi" id="by_poste fr" checked="checked"><font color="noir">par la poste envoi non securise( je ne suis pas responsable des pertes eventuelle)</font><br><font color="noir">si moins de 4 paquets 1 euros <font color="red">(si plus de 3 paquets GRATUIT)</font ></font></label> <br><br></a></li>
					<li><a ><label for="by_poste france"><input name="envoi" type="radio"  id="by_poste france" value="3" checked="checked" onclick="majPrixPort(this.form);">
<a href="http://www.mondialrelay.be/fr-BE/" target="_blank" class="texte">par mondial relay l envois est securise et garanti</a><span class="texte"> si moins </span>( <span class="texte1">si </span>)</label>
</a></li>
					
				</ul>
			</dd>
			
			<dt class="smenu" id="a4"><span style="background-image: url(bug.png);">pour un autre pays</span></dt>
			<dd id="smenu4">
				<ul>
					<li><a target="_blank" href="http://talon-aiguille.net46.net/formulaire.php"><b>Pour un autre pays envoyer moi un mail clicquez ici </b> </a></li>
					
				</ul>
			</dd>
			
		</dl>	
		</div>
		</td>
		<td height="69" bgcolor=#ffffff align="right" ><font size="3">€</font><input type="text" value="" size="7" name="prix_port"><img align="absmiddle" id="prix_port_ife_marker_23" src="chrome://informenter/skin/marker.png" class="ife_marker" style="border: 0pt none; width: 14px; height: 19px; cursor: pointer; display: inline;" title="La longueur du champ est inconnue"></td>
    </tr>

oui voici le lien du bon de commande
http://perle.netii.net/perle/perlecommande010613.html

flexi2202 a écrit :
oui voici le lien du bon de commande
http://perle.netii.net/perle/perlecommande010613.html

Et je suis censé voir le "bug" à quel endroit...?

merci pour l aide et le soutien

dans le fond du bon de commande quand on clic sur "quels frais pour la france"

flexi2202 a écrit :
merci pour l aide et le soutien

dans le fond du bon de commande quand on clic sur &quot;quels frais pour la france&quot;

C'est normal que le bouton revienne à la ligne, tu as des balises "<a>" qui ont été ajoutées alors qu'il n'y en a absolument pas besoin.

Pour faire ton bouton, tu as juste à faire ça :

<input type="radio"><label>par mondial relay, l'envoi est sécurisé et garanti</label>

merci pour l aide
oui d accord mais a l intérieur de cette ligne j ai une redirection vers un site et ou je sais pas faire autrement de lui dire

<a href="http://www.mondialrelay.be/fr-BE/" target="_blank" class="texte">par mondial relay l envois est securise et garanti</a>

c est vrai que sans les a cela fonctionne mais alors j ai plus de lien

Tu as juste à rajouter des balises dans le label...

<input type="radio"><label><a href="">par mondial relay, l'envoi est sécurisé et garanti</a></label>

ah ok je fais un essai

merci pour l aide et le soutien
je viens de faire un essai avec ce code

					<li><a ><label for="by_poste france"><input name="envoi" type="radio"  id="by_poste france" value="3" checked="checked" onclick="majPrixPort(this.form);">
<a href="http://www.mondialrelay.be/fr-BE/"target="_blank" class="texte"> par mondial relay l envois est securise et garanti</a><span class="texte"> si moins </span>( <span class="texte1">si </span>)</label>
</a></li>

mais j ai toujours le même soucis

ah je me reprends j avais oublie quelque chose
cela devrait le faire
j essaye encore
Modifié par flexi2202 (03 Jun 2013 - 16:43)

flexi2202 a écrit :
merci pour l aide et le soutien
je viens de faire un essai avec ce code

					<li><a ><label for="by_poste france"><input name="envoi" type="radio"  id="by_poste france" value="3" checked="checked" onclick="majPrixPort(this.form);">
<a href="http://www.mondialrelay.be/fr-BE/"target="_blank" class="texte"> par mondial relay l envois est securise et garanti</a><span class="texte"> si moins </span>( <span class="texte1">si </span>)</label>
</a></li>

mais j ai toujours le même soucis

ah je me reprends j avais oublie quelque chose
cela devrait le faire
j essaye encore

Dans le fichier menu.css, à la ligne 34 (environ), supprime la ligne :

#menu li a, #menu dt a {
    display: block;
}

Juste le "display: block".

super nickel cela fonctionne avec le code donne
un immense méga merci pour cette aide

mais au fait pourquoi supprimer le "display: block".

flexi2202 a écrit :
super nickel cela fonctionne avec le code donne
un immense méga merci pour cette aide

mais au fait pourquoi supprimer le &quot;display: block&quot;.

Les éléments de type "block" inclus forcément un retour à la ligne, contrairement au type "inline".