Mettre un form sur la même ligne

Mettre un form sur la même ligne - HTML/CSS - Programmation

Marsh Posté le 17-11-2003 à 21:28:12    

Je cherche à faire un sélecteur de style à la sauce openweb.eu.org Leur code est dans le CVS, j'en ai donc profité. Par contre, pas moyen de faire tenir sur la même ligne les liens d'accessibilité puis le sélecteur de style, j'ai un retour à la ligne entre les deux. Comment faire ?
 

Code :
  1. <div id="head">
  2.  <a class="head" href="accessibilite.php" title="Page destinée aux personnes souffrant de handicaps" hreflang="fr" tabindex="808" accesskey="0">Politique d'accessibilité</a>
  3.  | <a class="head" href="#contenu" title="Sauter le menu" accesskey="2">Aller au contenu</a>
  4.  | <a class="head" href="#menu" title="Lien direct vers le menu" accesskey="3">Aller au menu</a>
  5.  <form action="/site/dea.php" method="get" id="switcher">
  6.     <label for="set">Choisir un habillage&nbsp;:</label>
  7.     <select id="set" name="set">
  8.       <option value="main" selected="selected">Normal</option>
  9.       <option value="null">Sans habillage</option>
  10.       <option value="print">Impression</option>
  11.     </select>
  12.     <input type="submit" value="Ok" />
  13. </form>
  14. </div>

Reply

Marsh Posté le 17-11-2003 à 21:28:12   

Reply

Marsh Posté le 17-11-2003 à 22:09:04    

Ben mets les liens dans le formulaire [:spamafote]


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 17-11-2003 à 22:40:36    

:jap:  :whistle:  :hello: (synthétique non ?)

Reply

Marsh Posté le 17-11-2003 à 23:12:14    

form { display: inline; } c'est possible, sinon :??:


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 17-11-2003 à 23:20:22    

Oui. Mais dans ce cas il ne faut pas oublier que les éléments du formulaire (INPUT, SELECT...) devant se trouver dans un élément de type bloc, celui-ci doit alors être déclaré en tant qu'élément en-ligne.
Donc, si on mets les éléments du formulaire dans des DIV, il faudra faire :
 
form, form div {
  display: inline;
}
 
pour être tout à fait complet.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 17-11-2003 à 23:30:47    

si le form n'est pas en display:inline il est considéré comme bloc, mais s'il est en inline non, alors qu'un div sera considéré comme bloc quel que soit la valeur de sa propriété display??
et le div a l'exterieur du forum il compte pas?


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 17-11-2003 à 23:40:18    

the real moins moins a écrit :

mais s'il est en inline non, alors qu'un div sera considéré comme bloc quel que soit la valeur de sa propriété display??


Non c'est pareil. Selon la valeur de display, un DIV peut être un élément en-ligne, une cellule de tableau, un élément de liste ou rien. Et c'est valable pour à peu près tous les éléments HTML qui servent à l'affichage.

the real moins moins a écrit :

et le div a l'exterieur du forum il compte pas?


Heu... ben on s'en fiche de lui vu qu'il contient tout. On pourrait même le supprimer si on décide de mettre les liens dans le formulaire.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 17-11-2003 à 23:49:05    

mais donc ct quoi l'interet de mettre un div dans le form en inline aussi??
 
et si je proposais de mettre le form en inline ct justement pour éviter de devoir foutre les liens dedans, ce que je trouverais un peu déplacé, niveau semantique


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 21-11-2003 à 20:13:08    

Merde ça valide pas. Où est-ce que je me plante ? Je voudrai vraiment cet aspect : http://thomas.basset.free.fr

Reply

Marsh Posté le 21-11-2003 à 22:41:08    

Ben comme je l'ai dit (et comme c'est écrit dans le message d'erreur du validateur), il faut mettre les éléments du formulaire dans un bloc (un DIV si tu veux). Donc un bloc à transformer aussi en élément en-ligne.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed