The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Navbar problems

4 posters

Go down

Solved Navbar problems

Post by Glavee 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
Glavee
Forumember

Posts : 149
Reputation : 1
Language : English

http://1point.forumstech.com/

Back to top Go down

Solved Re: Navbar problems

Post by TheCrow December 29th 2014, 7:53 pm

Hello,

What codes do you use for the navbar?


Navbar problems Thecro10
Forum of the Forums

Forumotion Rules | Tips & Tricks |
FAQ | Did you forget your password?



*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
TheCrow
TheCrow
Manager
Manager

Male Posts : 6916
Reputation : 795
Language : Greek, English

https://www.inforumgr.com

Back to top Go down

Solved Re: Navbar problems

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Navbar problems

Post by Glavee 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:

Navbar problems H5e6e510

And that happens to every button.
Glavee
Glavee
Forumember

Posts : 149
Reputation : 1
Language : English

http://1point.forumstech.com/

Back to top Go down

Solved Re: Navbar problems

Post by Mati 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
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Navbar problems

Post by Glavee 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
Glavee
Forumember

Posts : 149
Reputation : 1
Language : English

http://1point.forumstech.com/

Back to top Go down

Solved Re: Navbar problems

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

No problem glad we could help! Smile
Mati
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Navbar problems

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

Topic archived
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

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