mary2

How do I set the width of a Select Tag box with multiple selections in HTML?

I am creating a selection box in HTML and the width will only go as wide as the characters of the options I put in, and I want to have a standard width to these boxes. Example:

Category Name 2 Category Name 3 Category Name 2 Category Name 3 Category Name 2

But I want it to extend well past the longest category name so there is some padding after that name and if I make multiple boxes they can be a standard width and not depend on the longest Category name. How do I accomplish that?

Status: Open Sep 05, 2007 - 01:30 AM

Select Tag, Tags, Width, Setting Width

Comments (0) | New Comment

Add New Comment

Do you have the same question? Follow this Question

Answer this question Report it

2answers

Answers

rcastagna

Oct 10, 2007 - 04:29 AM

John,

You can set this with a CSS class or inline style:

 .red { color: red; font-size: 2em; } .wide { width: 10em; } 

Text 1 Text 2 Text 3 Text 4 Text 5

Text 1 Text 2 Text 3 Text 4 Text 5

Text 1 Text 2 Text 3 Text 4 Text 5

The biggest problem I see with your requirements is knowing the length of the longest option, especially if you make the population of these lists dynamic.

I hope this helps...

Ric

Report it

Comments (0) | New Comment

Add New Comment

mary2

Oct 11, 2007 - 12:40 AM

Ric,

That answer is great. It works perfectiy.

Thanks so much.

Report it

Comments (0) | New Comment

Add New Comment

Answer this question

Share Your Own Experience & Expertise

We look to ensure that every question is answered by the best people with relevant expertise and experience, the best answers include multiple perspectives. Do you have relevant expertise or experience to contribute your answer to any of these commonly asked questions?