How does one set the height of a list item in a drop down menu?

Hello, I’m trying to create a drop down menu. I’m just going to paste the relevant html and css below. What do I have to do to make sure that the

  • items in question, get the height that I want to specify? I have tried using css height: and line-height: to no avail. The
  • items don’t get any higher than the length of the text enclosed within them.

    html

    				
    <ul id = "pic_options_panel">
    
    	<li  class = "comment_color pic_options">Picture Options
    
    		<ul id = "pic_options_div">
    
    			<li id = "pic_options_collapse"> collapse </li>
    
    			<li align = "center">Make Main Picture</li>
    
    			<li align = "center">Delete This Picture </li>
    
    			<li id = "upload_pic_link" align = "center">Upload New Picture </li>
    
    		</ul>
    
    	</li>
    	
    
    
    	<li class = "comment_color pic_comments">Comments</li>
    
    
    	<li class = "clear"> </li>
    	
    
    </ul>
    

    css

    .pic_options ul li{z-index:603;color:#fff;margin:0px;padding:0px;width:142px;height;80px;border-bottom:1px solid #fff;cursor:pointer;}
  • You misused a semicolon here…

    height;80px;

    try instead of using height to use…

    min-height:80px;

    I used the CSS attribute, “padding” and that solved it :slight_smile:

    Sponsor our Newsletter | Privacy Policy | Terms of Service