hi..
i want to align container of the OPTIONS of the select element to the right... the default is showing OPTIONS on the LEFT BOTTOM of the control...
so how will i show OPTIONS aligned to the RIGHT BOTTOM of the select element?
take care...
A:
If I understand your question:
<select style="text-align:right;">
<option >asd</option>
<option>asdasd</option>
<option>asdasd</option>
<option>asdasd</option>
</select>
GOsha
2010-06-25 13:18:52
This aligns the current selected item to the right of the select, but not for the options as he suggested.
ILMV
2010-06-25 13:42:07
no no no... i am not talking about the OPTIONS' text.. i am talking about the container of OPTIONS... text is OK..
Jamal Abdul Nasir
2010-06-25 13:45:55
2 ILMV - I tried this code in opera. All options was aligned right, not only selected. P.S.>Sorry for my english
GOsha
2010-06-25 13:50:21
2 Jamal Abdul Nasir:why not to use this style options to your container?
GOsha
2010-06-25 13:52:07
i cant align TEXT to RIGHT bcoz it gets away from my screen's right edge..
Jamal Abdul Nasir
2010-06-25 13:57:32
please update your question and give your html-code to see the problem.
GOsha
2010-06-25 14:08:35
no no no... i am not talking about the OPTIONS' text.. i am talking about the container of OPTIONS... text is OK...
Jamal Abdul Nasir
2010-06-25 13:43:21
@ILMV ye sorry, i was thinking to say <select style=... but apparently i was mind-drunk
vertazzar
2010-06-25 17:39:23
A:
While the other answers are correct, and you can use the style attribute, you'd be better off using an external CSS file.
In your HTML document, add a <link> to your CSS file in the <head> of the document:
<head>
<title>Example</title>
<link type="text/css" rel="stylesheet" href="path/to/the/file.css" />
</head>
Give your <select> (or the <option>) element a class attribute.
<select class="JamalAbdulNasir">
<option class="Jamal">Jamal</option>
<option class="Abdul">Abdul</option>
<option class="Nasir">Nasir</option>
</select>
In your style sheet include a CSS rule which targets that <select> tag by class attribute.
select.JamalAbdulNasir {
text-align:right;
}
... or the <option> tag you want to be right-aligned.
input.Abdul {
text-align:right;
}
LeguRi
2010-06-25 13:41:05
sir this is also OK... but i dont want this... what i want is to align the RIGHT TOP of the whole container of OPTIONS to the RIGHT BOTTOM of the select element.i hope u got it..
Jamal Abdul Nasir
2010-06-25 13:52:47