Solved

Change width of css menus

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

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

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!
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Learn how to create interesting presentations by including videos to keep your audience engaged using Prezi. Select "Insert" from the top menu in your Prezi editor: Select "YouTube Video": Paste the video URL into the prompt: "Select "Insert":…

896 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

16 Experts available now in Live!

Get 1:1 Help Now