Solved

css li height width issue

Posted on 2010-11-10
5
339 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

This article discusses four methods for overlaying images in a container on a web page
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

911 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now