Fix drop-down width?

[slynne212]

Hey all,

At the moment I have some drop-down options in a table and their width is fixed to the width of the longest option, is there a way to find out how long the longest drop-down is and set all drop-downs in the column to match?

Many thanks!!

Lynne

[slynne212]

Also if anyone can tell me how to style the font in the drop-down boxes that'd be great too!! Thanks!!

L

[aaronhockey_09]

well if right now they are not fixed widths, you can use developer tools inside of your browser,, and click on the div, it should show the width, or trial and error just changing the width till the largest one is how it use to be when it was not fixed width.

As for the fonts.
You would just have set the font size and family and what ever else you want into your li or a tag.

so something like this

.navigation li ul li a { font-size:12px; font-family:ariel; }

hope this helps a bit.

[felgall]

Set the width in em so that it still fits if your visitor resizes all the text.

[slynne212]

Originally Posted by aaronhockey_09

well if right now they are not fixed widths, you can use developer tools inside of your browser,, and click on the div, it should show the width, or trial and error just changing the width till the largest one is how it use to be when it was not fixed width.

As for the fonts.
You would just have set the font size and family and what ever else you want into your li or a tag.

so something like this

.navigation li ul li a { font-size:12px; font-family:ariel; }

hope this helps a bit.

Cool, thanks! Got the max width, now wondering what the best way to set it on all the dropdowns is? There's content between each dropdown so I can't wrap it all in one style...it'd be really cool if there were a way to get all dropdowns and text boxes to span the width of the table column that they're in, any idea how to achieve that?

[slynne212]

ddddd