DropDown squashing together


In my web app I am having a problem with the items in a DropDown squashing together as shown in the image
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAsked:
Who is Participating?
In your CSS file for your project, you can create an element that controls font attributes, along with padding and margin.  Then just set the DDL control CssClass property to the element.

For example, put this element in your CSS file (you can change the properties as needed):
	color: #000000;
	font-family: Verdana, Arial;
	font-size: medium;
	font-weight: normal;
	padding: 2px;
	margin: 0px;

Open in new window

Then in your aspx, just referrence the CSS element on the Drop Down Control like this:
<asp:DropDownList ID="DDL_Answer" runat="server" CssClass="DDLStyle">
	<asp:ListItem Value="" Text="Select ..." />
	<asp:ListItem Value="N" Text="No" />
	<asp:ListItem Value="Y" Text="Yes" />

Open in new window

Obadiah ChristopherCommented:
What css is applied to the dropdownlist?
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:

I am not sure how to show you that. I can view the CSS properties. Where do I get that?
Obadiah ChristopherCommented:
IE Developer toolbar of Firebug in FF..
Murray BrownMicrosoft Cloud Azure/Excel Solution DeveloperAuthor Commented:
thanks very much
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.