Solved

css li height width issue

Posted on 2010-11-10
5
369 Views
Last Modified: 2012-05-10
I think I just need some fresh eyes here: http://getwordpressed.com/testing1/

Can someone give me a hand on the menu at the top? I can't seem to force the height and width of the <li> tags. The id is #menu. The height should be 41px and width 112px so the background image displays correctly. (I removed all my attempts at setting the height and width. No matter how or where I put them, the size doesn't change.)

I haven't set the font yet, but it will need to stay centered with equal padding so that the buttons with two words breaks into two lines.
0
Comment
Question by:Dzynit
  • 3
  • 2
5 Comments
 
LVL 8

Expert Comment

by:pvlier
ID: 34104253
try clearing the
LI
  {
  display : inline
  }
to
LI
  {
 
0
 
LVL 8

Expert Comment

by:pvlier
ID: 34104261
sorry, got cut off

LI
  {
  float: left;
  }
0
 
LVL 8

Accepted Solution

by:
pvlier earned 500 total points
ID: 34104315
Summary:
#menu LI
  {
  background-image: .....
  float: left;
  width: 112px;
  height: 41px;
  text-align: center;
  }
0
 
LVL 14

Author Comment

by:Dzynit
ID: 34104316
Yep, that did the trick. Thank you very much!
0
 
LVL 14

Author Closing Comment

by:Dzynit
ID: 34104323
Thanks much!
0

Featured Post

Instantly Create Instructional Tutorials

Contextual Guidance at the moment of need helps your employees adopt to new software or processes instantly. Boost knowledge retention and employee engagement step-by-step with one easy solution.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question