BLIX – Can’t delete and extra blank header button

• 

  wtp2030 · Member · Feb 23, 2010 at 6:47 am

  • Copy link
  • Add topic to favorites

  Hi, I have three pages (with their light-up buttons) and the search area. All is great, however there is an extra space (for other pages if I wanted to add them) that is just solid and taking up space on the main bar. It’s a problem with some browsers as it makes the top menu slide onto two lines. How do I delete this unnecessary bar?

  The blog I need help with is: (visible only to logged in users)

• 

  devblog · Member · Feb 23, 2010 at 7:26 am

  • Copy link

  Some observations

  Your CSS needs some clean up; you have properties that are really useless, for example:

  border: 0 solid;
  
  OR
  
  background:#BFBD99 bottom right no-repeat;

  If you don’t want borders, it’s better if you define them like this:

  border: none;

  If the background doesn’t have an image, you don’t need to define its position and if repeats or not. So, this will suffice:

  background:#BFBD99;

  You might want to fix those things up.

  Your issue

  Try the following:

  Add this property to your “#navigation” selector

  position: relative;

  Replace your current selector definitions with the following:

  #navigation form {
  background:#BFBD99;
  border: none;
  float: none;
  height:100%;
  padding: 0;
  position: absolute;
  right: 0;
  width: 220px;
  }
  
  #navigation form fieldset {
  margin: -2px 15px;
  padding: 0;
  }

  That should do it.

  however there is an extra space (for other pages if I wanted to add them)

  If you intend to add more pages, you may want to consider widen up your container, otherwise they may still wrap in two lines or position themselves under, or on top, the search box.

  HTH

• 

  wtp2030 · Member · Feb 25, 2010 at 3:59 am

  • Copy link

  This was excellent, thank you so much. I will do the clean up tomorrow. Do you mind if I ask you a few more questions?
  1. Why is the “Go” button not where it should be in the last box (it’s falling out of the box)
  2. On the first page, when people want to leave a comment, there is a note about HTML being allowed, how do I delete that + the two notes about required fields?

  That’s it, thanks!