Solved

Change width of css menus

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

Enroll in May's Course of the Month

May’s Course of the Month is now available! Experts Exchange’s Premium Members and Team Accounts have access to a complimentary course each month as part of their membership—an extra way to increase training and boost professional development.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Insert Button on a table 16 56
Can't change Woocommerce checkout select boxes, white on white text. 1 59
Execute jQuery after Function 4 41
Incorrect css styling in footer 3 24
Keep your audience engaged and get the most out of your next presentation with these quick Prezi tips.
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…
It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages.
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":…

710 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