Solved

Change width of css menus

Posted on 2007-11-28
3
920 Views
Last Modified: 2008-02-01
In www.berlinkauf.com are main menus like Products, Trade Community, Directory... How can i fit the width to whole header area? Left side from the menu Products, you see 2 or 3cm white space. I want to stretch menus towards left side. I tryed with changeing values of width:655px; but it never worked. Can anyone fix this?
ul#nav {
      list-style:none;
      width:655px;
      text-align:center;
      clear:left;
      float:left;
      font-size: 14px;
      line-height:2em;
      padding:1px 0 0 0;
}
* html ul#nav{padding:0}
ul#nav li{
      display:inline;
      border-bottom:0px solid #7EBE5F;
      margin-right:0px;
}
ul#nav li a{
      padding:4px 5px 4px 5px;
      position:relative;
      border:1px solid #bbb;
      text-decoration:none;
      color:#0A3300;
      font-weight:bold;
      white-space:nowrap;
      border-bottom:2px solid #7EBE5F;
      background:#fff url(layout_images/button_hmenu.gif) repeat-x left top;
      letter-spacing:-0.01em;
}
0
Comment
Question by:tilmes
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 30

Accepted Solution

by:
Steggs earned 500 total points
ID: 20369791
Hello,

All you need to is play around with this value

ul#nav li a {
background:#FFFFFF url(layout_images/button_hmenu.gif) repeat-x scroll left top;
border-color:#BBBBBB rgb(187, 187, 187) rgb(126, 190, 95);
border-style:solid;
border-width:1px 1px 2px;
color:#0A3300;
font-weight:bold;
letter-spacing:-0.01em;
padding:4px 5px; <!------------------------------- increase the second value to 11px



Steggs
0
 

Author Comment

by:tilmes
ID: 20371843
Hi, thanks. i just copyed the your code and uploaded. It shows now much better, wider. It went 1 cm towards left side, but not quite. There are still white spaces on the left side. How can i pull all menus more towards left side?
0
 
LVL 30

Expert Comment

by:Steggs
ID: 20373180
change text-align:center to text-align:left in ul#nav {}
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
Learn how to download your full Prezi presentation for offline presenting. Prezi doesn’t have to be viewed and shared in a web browser, even with a free account you can download your full presentation to share with others. Be sure to download any vi…
It’s easy to embed any of your public Prezi presentations on your website or social network to share with others. Learn how simple it is in this tutorial.

756 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