Solved

Change width of css menus

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

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
CSS issue 8 40
CSS issue in Nested Master Pages 9 26
Change box shadow 1 29
Bootstrap 3 - Style a dropdown 1 11
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!
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial viewers will learn how to remove an unwanted object using Photoshop’s feature known as content-aware fill.
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…

839 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