asp.net - 3 listbox alignment on a webpage -


I have this scenario that I have to show 3 list boxes on the ASP.NET Web page. There will be all the options on page load and list box on List Box A, B will be empty.

I want to align the three so that I can select from A to B and A to C. , A will be shown as a large list box with A, and C will be shown as a small box on its right side, as B and C are vertically aligned. Of course B and C have their own set of 'ed', 'ed and', 'act', 'all', 'all button'.

  ---------- ---- -------------- | | | | | List Box A | & Gt; & Gt; & Gt; & Lt; & Lt; & Lt; | List Box B | | | | | | | -------------- | | -------------- | | & Gt; & Gt; & Gt; & Lt; & Lt; & Lt; | List Box C | | | | | -------------- --------------  

Please tell me the appropriate CSS style examples.

Cheers

Does the following design help you?

  & lt; Div style = "border: solid 1px red; width: 650px;" & Gt; & Lt; Div style = "border: solid 1px blue; float: left; height: 400px; width: 200px;" & Gt; List Box A & lt; / Div & gt; & Lt; Div style = "border: solid 1px blue; float: left; height: 400px; width: 200px" & gt; & Lt; Div style = "padding-top: 40% vertical-align: medium; width: 200px;" & Gt; & Amp; Nbsp; & Nbsp; & Amp; Nbsp; & Nbsp; & Amp; Lt; & Nbsp; & Amp; Nbsp; & Nbsp; & Nbsp; & Amp; Lt; & Amp; Lt; & Nbsp; & Amp; Nbsp; & Nbsp; & Nbsp; & Amp; Nbsp; & Nbsp; & Amp; Nbsp; & Nbsp; & Amp; Gt; & Amp; Gt; & Nbsp; & Amp; Nbsp; & Nbsp; & Nbsp; & Amp; Gt; & Nbsp; & Amp; Nbsp; & Nbsp; & Nbsp; & Lt; / Div & gt; & Lt; Div style = "padding-top: 90%, width: 200px;" & Gt; & Amp; Nbsp; & Nbsp; & Amp; Nbsp; & Nbsp; & Amp; Lt; & Nbsp; & Amp; Nbsp; & Nbsp; & Nbsp; & Amp; Lt; & Amp; Lt; & Nbsp; & Amp; Nbsp; & Nbsp; & Nbsp; & Amp; Nbsp; & Nbsp; & Amp; Nbsp; & Nbsp; & Amp; Gt; & Amp; Gt; & Nbsp; & Amp; Nbsp; & Nbsp; & Nbsp; & Amp; Gt; & Nbsp; & Amp; Nbsp; & Nbsp; & Nbsp; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div style = "border: solid 1px blue; float: left; height: 400px; width: 200px;" & Gt; & Lt; Div style = "border: solid 1px black; height: 200px; width: 200px" & gt; List Box B & lt; / Div & gt; & Lt; Div style = "border: solid 1px black; height: 200px; width: 200px" & gt; List box C & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div style = "clear: left;" & Gt; & Amp; Nbsp; & Lt; / Div & gt; & Lt; / Div & gt;  

Comments

Popular posts from this blog

c# - How to capture HTTP packet with SharpPcap -

php - Multiple Select with Explode: only returns the word "Array" -

php - jQuery AJAX Post not working -