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 30th 2014, 12:55 am

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 30th 2014, 5:22 am; 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 30th 2014, 2:53 am

Hello,

What codes do you use for the navbar?
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Solved Re: Navbar problems

Post by Ange Tuteur December 30th 2014, 4:07 am

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 : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Navbar problems

Post by Glavee December 30th 2014, 4:31 am

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 30th 2014, 5:09 am

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
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Solved Re: Navbar problems

Post by Glavee December 30th 2014, 5:17 am

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 30th 2014, 5:19 am

No problem glad we could help! Smile
Mati
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Solved Re: Navbar problems

Post by Ange Tuteur December 30th 2014, 6:14 am

Topic archived
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
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