My New CSS Fixed Position Menu Has Worked Correctly! Help?

SeanFace101

Seasoned Veteran
Joined
Jul 14, 2011
Messages
3,067
Reaction score
21
FP$
4,642
Hey..
i add a new Fix Position Menu to my forum, But it hasnt quite worked as its ment to.
The link menu shows on all my pages, but there is no styling on it from the CSS code i added.

I added the following code to the "styles/serenitygreen/template/overall_header.html" file..
Note: I added it on a new line after "</head>"
Code:
<ul id=menu> 
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=1">Welcome</a>
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=3">Xbox Discussions</a>
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=133">XLF Reviews</a>
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=139">XLF Battleground</a>
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=72">XLF Gallery</a>
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=110">XLF Arcade</a>
</ul>
I added the following code to the "styles/serenitygreen/theme/stylesheet.css" file..
Code:
#menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
}

Have a look on My Forum to see what iv done: http://www.xboxlivefan.org/
Now look here to see what it should look like: http://www.w3.org/Style/Examples/007/menus.en.html#L384

Can anybody help by telling me what i may have done wrong?
 
Re: My New CSS Fixed Position Menu Has Worked Correctly! Hel

Change the CSS to this:

Code:
#menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
  list-style: none;
  background: green;
  color: #FFF;
}

If that doesn't work, Just keep the code up so i can see it, and make changes if necessary.
 
Re: My New CSS Fixed Position Menu Has Worked Correctly! Hel

It kind of worked.
Im trying to edit it to get what i want.
Thanks though, its better than what i had
 
Re: My New CSS Fixed Position Menu Has Worked Correctly! Hel

change this:

Code:
color: #FFF;

to this:

Code:
color: #FFF !important;
 
Back
Top Bottom