Solved

Change width of css menus

Posted on 2007-11-28
3
916 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
  • 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

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Suggested Solutions

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to create blended and gradiated shapes in Illustrator using the blend tool Draw two shapes, one of them in a different color: Select both and create a blend by going to Object > Blend > Make: Blends can also b…
Learn how to set up basic frames and paths in Prezi and understand the open space that Prezi allows you to create presentations in.

705 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