2010-06-25 10 views
6

je veux aligner contenant des options de l'élément de sélection à droite ... la valeur par défaut affiche OPTIONS en bas à gauche du contrôle ...sélectionnez Options de l'étiquette aligné à droite

alors comment vais-je montrer OPTIONS alignées sur le FOND DROIT de l'élément select?

prendre soin ...

+1

Parce que votre question est vague, vous recevez beaucoup de solutions différentes. Veuillez reformuler votre question. – Tass

Répondre

6

Alors que les autres réponses sont correctes, et vous pouvez utiliser l'attribut style, vous seriez mieux en utilisant un fichier CSS externe.

Dans votre document HTML, ajoutez un <link> à votre fichier CSS dans le <head> du document:

<head> 
    <title>Example</title> 
    <link type="text/css" rel="stylesheet" href="path/to/the/file.css" /> 
</head> 

Donnez votre <select> (ou <option>) élément un attribut class.

Dans votre feuille de style
<select class="JamalAbdulNasir"> 
    <option class="Jamal">Jamal</option> 
    <option class="Abdul">Abdul</option> 
    <option class="Nasir">Nasir</option> 
</select> 

comprennent une règle CSS qui cible que <select> tag par class attribut.

select.JamalAbdulNasir { 
    text-align:right; 
} 

... ou l'étiquette <option> vous voulez être aligné à droite.

input.Abdul { 
    text-align:right; 
} 
+0

monsieur c'est aussi OK ... mais je ne veux pas cela ... ce que je veux est d'aligner le TOP DROIT de l'ensemble du conteneur d'OPTIONS à la BAS DROIT de l'élément sélectionné. J'espère que vous l'avez .. –

+5

Je ne comprends pas totalement :( –

+0

Je pense qu'il veut que le bloc (avec les options) qui est dépensé est aligné sur la droite, mais je pense que c'est un problème de navigateur. voyez cela parfois quand vous avez un large 'select' et il est dans le coin de votre écran.Vous voyez aussi parfois que les éléments sont placés au-dessus du select et pas dessous.Mais la question n'est pas vraiment claire donc je peux me tromper :) –

0

Si je comprends bien votre question:

<select style="text-align:right;"> 
<option >asd</option> 
<option>asdasd</option> 
<option>asdasd</option> 
<option>asdasd</option> 
</select> 
+0

Cela aligne l'élément sélectionné en cours à la droite de la sélection, mais pas pour les options comme il l'a suggéré. –

+0

non non non ... je ne parle pas du texte OPTIONS .. je parle du conteneur d'OPTIONS ... le texte est OK .. –

+1

2 ILMV - J'ai essayé ce code dans l'opéra. Toutes les options étaient alignées à droite, non seulement sélectionnées. P.S.> Désolé pour mon anglais – GOsha

0
<option value="1" style="text-align: right;"> 
test?</option> 
+1

Cela ne fonctionne pas –

+0

non non non ... je ne parle pas du texte des OPTIONS .. je parle du conteneur des OPTIONS ... le texte est OK ... –

+0

@ILMV vous désolé, je pensais pour dire