[keress]

I’ve copied the same navbar I’m using on WordPress into BBPress, it has hard links, so it should be straightforward, but for some reason, within this header.php file, the links aren’t live.

http://www.addiva.net/bbpress/

The code looks like this:

<div id=”smallNav”>

Home

| Possibilities

| Events

| Blog

| Forum

| Store

About ADDiva

| Meet Linda

|Media

| Resources

| Contact </p>

</div>

<!– end smallNav –>

[keress]

Actually, that’s not the way the code looks. I guess there’s no way to get code to read as code here. I guess you’ll just have to take my word for it I’m using standing HTML a href’s to dish up some links.

[chrishajer]

To post source code here, just use the backtick (upper left on a US keyboard, under the tilde) before and after your block of code.

I noticed in your forum source there is a link to this style.css which does not exist:

http://www.addiva.net/bbpress/style.css

Not sure if that’s a problem or not, but it’s not right. In addition, you should validate your CSS here and fix any problems.

http://jigsaw.w3.org/css-validator/validator

I would start with those things and maybe something will stand out.

[chrishajer]

I also noticed that your login form has a z-index of 1 and everything else is either zero or two. If the login form has a z-index of 1, and the nav links have a z-index of zero (automatically) then the nav is going to be behind (or under) the login form, and therefore not accessible to be clicked. You’d be clicking in the higher z-index layer, and the links are not there. You can’t get to them.

I think it has something to do with the z-index and the order you nested the divs.

[chrishajer]

I was able to make the links clickable by adding this to the SmallNav CSS:

position: relative;

z-index: 3;

 

Then I removed the four margin settings. You might have to experiment with the positioning, but this at least makes the links clickable.