Problems with navigation bar

Thanks, Problem Solved

Do you have any more CSS, because what you posted would not remove the other buttons?  Can you see them after you log in?  If yes, then you have it set where quests can not see those buttons.

@SLGray wrote:Do you have any more CSS, because what you posted would not remove the other buttons?  Can you see them after you log in?  If yes, then you have it set where quests can not see those buttons.

Hey, that's my entire css, when I login I can only see the logout.

I dont know what your exact problem is because you haven't explained how your forum head should be.

Would be anything like that?


If this is what you want, this is the CSS

Code:



#pun-navlinks li {
    background-image: url("http://i72.servimg.com/u/f72/18/52/07/56/ugrapp17.png");
    border-bottom: 20px solid transparent;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    font-weight: 700;
    height: 50px;
    left: 0;
    position: relative; /**** changed ***/
    right: 0;
    text-align: center;
    top: 0;
    z-index: 99;
}


#pun-navlinks li a {
    color: #FFFFFF;
    line-height: 65px;
    padding: 15px 7px; /* changed */
}

Mr.Bond wrote:I dont know what your exact problem is because you haven't explained how your forum head should be.

Would be anything like that?


If this is what you want, this is the CSS

Code:



#pun-navlinks li {
    background-image: url("http://i72.servimg.com/u/f72/18/52/07/56/ugrapp17.png");
    border-bottom: 20px solid transparent;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    font-weight: 700;
    height: 50px;
    left: 0;
    position: relative; /**** changed ***/
    right: 0;
    text-align: center;
    top: 0;
    z-index: 99;
}


#pun-navlinks li a {
    color: #FFFFFF;
    line-height: 65px;
    padding: 15px 7px; /* changed */
}

No, It's similar to this: http://www.prowrestlingtuga.com/

I really appreciated your help

Ok, I see clearer now.
I think that you only should change de element in your CSS.

Find this in your CSS:

#pun-navlinks li {
background-image: url("http://i72.servimg.com/u/f72/18/52/07/56/ugrapp17.png");
border-bottom: 20px solid transparent;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
font-weight: 700;
height: 50px;
left: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 99;
}

And chage it for this. It is only the element but I think that you'll like the result.

Code:


#pun-navlinks ul {
    background-image: url("http://i72.servimg.com/u/f72/18/52/07/56/ugrapp17.png");
    border-bottom: 20px solid transparent;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    font-weight: 700;
    height: 50px;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 99;
}

Thank You! You can see the result here: http://grappy.forumeiros.com/

There are still somethings I want to change, I'm going to sleep, I post them tomorrow

Hey! I'm Finally here, so I need to remove the dark red line immediately below the menu (Inicio, Membros, Login....), is it possible? If yes, what must I do?

With your new navigation bar you don't need this CSS:

#pun-head #pun-navlinks {
   background-color: #AB1118;
   border-color: #DDDDDD;
   padding: 0.5em 1.1em 0.6em;
}

And you should revise this CSS

#pun-intro {
   background-color: #AB1118;  /* you don't need this */
   background-image: url("http://i72.servimg.com/u/f72/18/52/07/56/ugrapp17.png");  /* you don't need this */
   background-repeat: repeat-x; /* you don't need this */
   border-bottom: 1px solid #AB1118; /* you don't need this */
   margin: 0;
   padding: 1.5em 1em 1em;
   text-align: left;
}

Thanks, Problem Solved

Mr.Bond wrote:With your new navigation bar you don't need this CSS:

#pun-head #pun-navlinks {
   background-color: #AB1118;
   border-color: #DDDDDD;
   padding: 0.5em 1.1em 0.6em;
}

And you should revise this CSS

#pun-intro {
   background-color: #AB1118;  /* you don't need this */
   background-image: url("http://i72.servimg.com/u/f72/18/52/07/56/ugrapp17.png");  /* you don't need this */
   background-repeat: repeat-x; /* you don't need this */
   border-bottom: 1px solid #AB1118; /* you don't need this */
   margin: 0;
   padding: 1.5em 1em 1em;
   text-align: left;
}

Your problem isn't the CSS for your new navigation bar, the problem is your old head (forum title, description, ...) is behind of your navitagion bar.
You have to revise your CSS and erase the CSS that you don't need.
Find the CSS that I write above and erase the first one and erase the properties marked in the second one or erase the second one completely.
When you do that you'll see your navigation bar as you want.

Thanks, Problem Solved

No problem, try with this CSS. Add this CSS and I think it will be enough

Code:


#pun-head #pun-navlinks,
#pun-intro {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
    border: medium none;
}

Thanks, Problem Solved

If your forum looks as you want, the CSS is correct.
When you'll have a error in CSS, that propertie will be annuled and you will not be able to see the effect in the forum.

Thanks, Problem Solved

This forum is in English and we have to respect the other members.

In any case, your topic is already solved, isn't it?

I think it's better that if you have any other question you can open a new topic.

Or if you want to talk with me in spanish about other things you can use PM. I will be pleased in talk with you.