Discussion :

[johndu81]

Bonjour,

suite au 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
<script language="javascript" type="text/javascript">
    function afficheBoite(num) {
       var maxBoite = 3; // Indiquer ici le nombre maximale de boite possible
       for (var i = 1; i <= maxBoite; i++) {
          var boite = document.getElementById('boite'+i);
          if (boite) {
             if (i == num) {
                boite.style.display = 'block';
             } else {
                boite.style.display = 'none';
             }
          }
       }
    }
    </script>

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
    <select name="categorie">
       <option value="0">«Choisissez la cat&eacute;gorie»</option>
       <option value='2' onclick="afficheBoite(2);">Voitures</option>
       <option value='3' onclick="afficheBoite(3);">Motos</option>
       <option value='4'>Caravaning</option>
    </select>
    </p>
    <div id='boite2' style='display:none;'>
       <p>blabla</p>
    </div>
    <div id='boite3' style='display:none;'>
       <p>Blabla</p>
    </div>

J'ai un soucis pour l'alignement des boutons dans une boite.

Code html :

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

1
2
3
4
5
6
7
<div align="left">
<form action="http://monsite.com/doc.pdf"
 target="_blank"><input value="Solution 1"
 target="_blank" type="submit" /></form>
<form action="http://monsite.com/doc2.pdf" target="_blank"><input
 value="Solution 2" target="_blank" type="submit" /></form>
</div>

ce code m'affiche les 2 boutons l'un en desous de l'autre, en fait je voudrais qu'ils s'affichent sur la même ligne côte à côte

Si quelqu'un a la solution ce serait sympa, merci.

[johndu81]

Désolé, à force de faire des tests, j'ai réussi avec :

Code css :

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

1
2
3
4
5
6
7
8
9
10
 
<style type="text/css">
form {
   display: inline;
}
form.inline p {
   display: inline;
   margin: 0;
}
</style>

Donc problème résolu.