The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Navbar problems

View previous topic View next topic Go down

Solved Navbar problems

Post by Glavee on December 29th 2014, 5:55 pm

Hi!

I have a few problems with my navbar:

1. The space between them
2. The buttons go under the bar
3. Their shadow go under the bar too

Maybe I can fix it!

Thanks!

Link: http://1001hacks.omgforum.net/


Last edited by Glavee on December 29th 2014, 10:22 pm; edited 1 time in total

Glavee
Forumember

Posts : 149
Reputation : 1
Language : English

http://1point.forumstech.com/

Back to top Go down

Solved Re: Navbar problems

Post by Luffy on December 29th 2014, 7:53 pm

Hello,

What codes do you use for the navbar?






Luffy
Manager
Manager

Male Posts : 4246
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Navbar problems

Post by Ange Tuteur on December 29th 2014, 9:07 pm

Hello @Glavee,

Add the following rules to your stylesheet :
Display > Colors > CSS stylesheet
Code:
#pun-head #pun-navlinks { height:auto }
#pun-navlinks li a { margin:0; padding:0 }

If that does not work, use the !important keyword.
Code:
#pun-head #pun-navlinks { height:auto !important }
#pun-navlinks li a { margin:0 !important; padding:0 !important }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Navbar problems

Post by Glavee on December 29th 2014, 9:31 pm

@Ange Tuteur wrote:Hello @Glavee,

Add the following rules to your stylesheet :
Display > Colors > CSS stylesheet
Code:
#pun-head #pun-navlinks { height:auto }
#pun-navlinks li a { margin:0; padding:0 }

If that does not work, use the !important keyword.
Code:
#pun-head #pun-navlinks { height:auto !important }
#pun-navlinks li a { margin:0 !important; padding:0 !important }

It works Ange, but when I move the cursor to one of the buttons, it makes a space between this button and the others because of a transparent grey image which appears under them. How I can remove that?

Here's an image:



And that happens to every button.

Glavee
Forumember

Posts : 149
Reputation : 1
Language : English

http://1point.forumstech.com/

Back to top Go down

Solved Re: Navbar problems

Post by Mati on December 29th 2014, 10:09 pm

Hello

Find this code in your CSS and remove it.

Code:
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover

Mati
Active Poster

Posts : 1884
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Navbar problems

Post by Glavee on December 29th 2014, 10:17 pm

Mati™ wrote:Hello

Find this code in your CSS and remove it.

Code:
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover

Done!

Thank you guys!

Glavee
Forumember

Posts : 149
Reputation : 1
Language : English

http://1point.forumstech.com/

Back to top Go down

Solved Re: Navbar problems

Post by Mati on December 29th 2014, 10:19 pm

No problem glad we could help! Smile

Mati
Active Poster

Posts : 1884
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Navbar problems

Post by Ange Tuteur on December 29th 2014, 11:14 pm

Topic archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum