Bonjour,
Je débute avec le framework Foundation 3.2.
Je veux placer 3 menus déroulants alignés horizontalement sur une même ligne et régulièrement espacés.
Avec le code suivant, le dernier est systématiquement placé à l'extrême droite de mon
fieldset. Il est plaqué à droite.
| menu derou1 | menu derou2 | menu derou3 |
Je ne vois pas la bêtise.
Je débute avec le framework Foundation 3.2.
Je veux placer 3 menus déroulants alignés horizontalement sur une même ligne et régulièrement espacés.
Avec le code suivant, le dernier est systématiquement placé à l'extrême droite de mon
fieldset. Il est plaqué à droite.
| menu derou1 | menu derou2 | menu derou3 |
Je ne vois pas la bêtise.
<!DOCTYPE html>
<head>...include foundation </head>
<body>
<div class="row">
<div class="six columns">
<form class="custom">
<fieldset>
<legend>Rencontre</legend>
<!-- Custom Selects -->
<div class="row">
<div class="two columns">
<label for="customDropdown1">Cote 1</label>
<select id="customDropdown1" onchange="displayResult();">
<option selected>1.05</option>
<option>1.10</option>
<option>1.15</option>
</select>
</div>
<div class="two columns">
<label for="customDropdownN">Cote N</label>
<select id="customDropdownN" onchange="displayResult();" >
<option>1.10</option>
<option>1.15</option>
</select>
</div>
<div class="two columns">
<label for="customDropdown2">Cote 2</label>
<select id="customDropdown2" onchange="displayResult();">
<option>1.10</option>
<option>1.15</option>
</select>
</div>
</div>
</fieldset>
</form>
</div>
</div>
<!-- Included JS Files (Uncompressed) -->
<script>
function displayResult()
{
var c1=parseFloat(document.getElementById("customDropdown1").value);
var cN=parseFloat(document.getElementById("customDropdownN").value);
var c2=parseFloat(document.getElementById("customDropdown2").value);
var text ="";
... fait des trucs avec c1, cN et c2
return true;
}
</script>
</body>