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.

How to close the gap in navigation bar?

View previous topic View next topic Go down

In progress How to close the gap in navigation bar?

Post by Kite Trojan on Fri 21 Mar - 2:25

http://help.forumotion.com/t125986-navbar-text i was looking through FM, and i found this, but there is a huge gap:
anyone know how to close it?

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: How to close the gap in navigation bar?

Post by Neptune- on Fri 21 Mar - 2:29

Hello ^^

Forum URL might help because i do not see any problem on the forum actually on your profile Wink

Neptune-
Forumember

Male Posts : 187
Reputation : 21
Language : French (10), English (8), CSS (5), HTML (4), Javascript (1)
Location : France

http://www.planet-series.com/

Back to top Go down

In progress Re: How to close the gap in navigation bar?

Post by Kite Trojan on Fri 21 Mar - 2:32


Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: How to close the gap in navigation bar?

Post by Neptune- on Fri 21 Mar - 2:38

I do not have any problem with your navbar


Neptune-
Forumember

Male Posts : 187
Reputation : 21
Language : French (10), English (8), CSS (5), HTML (4), Javascript (1)
Location : France

http://www.planet-series.com/

Back to top Go down

In progress Re: How to close the gap in navigation bar?

Post by Kite Trojan on Fri 21 Mar - 2:43

Try again.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: How to close the gap in navigation bar?

Post by Pizza Boi on Fri 21 Mar - 3:13

Hi Very Happy

Code:
#pun-navlinks li a {
Code:

[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]margin:0 !important;[/font][/color]
[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]}

Please try that Smile.


Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: How to close the gap in navigation bar?

Post by Kite Trojan on Fri 21 Mar - 3:18

@Pizza Boi wrote:Hi Very Happy

Code:
#pun-navlinks li a {
Code:

[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]margin:0 !important;[/font][/color]
[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]}


Did not work.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: How to close the gap in navigation bar?

Post by Neptune- on Fri 21 Mar - 4:08

This one maybe ?

Code:
a.mainmenu[href="/faq"], a.mainmenu[href="/calendar"] {
 display:none;
 }

Neptune-
Forumember

Male Posts : 187
Reputation : 21
Language : French (10), English (8), CSS (5), HTML (4), Javascript (1)
Location : France

http://www.planet-series.com/

Back to top Go down

In progress Re: How to close the gap in navigation bar?

Post by Pizza Boi on Fri 21 Mar - 4:09

Hi Very Happy

This was solved via GDA.

Code:
#pun-navlinks > ul > li:nth-child(1) > a {
position: relative;
left: 115px;
bottom: 10px;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: How to close the gap in navigation bar?

Post by Ange Tuteur on Fri 21 Mar - 4:21

That space is there because the font size of the hidden content is still present within the list items. You could change their font size to 0 and reduce the margin on the right side of home to shift it to the right some.

Code:
a.mainmenu[href="/calendar"], a.mainmenu[href="/faq"] { font-size:0; }
a.mainmenu[href="/"] { margin-right:-10px !important; }

Pizza Boi,

I would be careful using nth child as it is not always accurate, especially when an elements index position changes depending on permissions.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: How to close the gap in navigation bar?

Post by Neptune- on Fri 21 Mar - 4:22

@Pizza Boi wrote:This was solved via GDA.

Hi !

Sorry but what means GDA ?

Neptune-
Forumember

Male Posts : 187
Reputation : 21
Language : French (10), English (8), CSS (5), HTML (4), Javascript (1)
Location : France

http://www.planet-series.com/

Back to top Go down

In progress Re: How to close the gap in navigation bar?

Post by Pizza Boi on Fri 21 Mar - 4:26

@Ange Tuteur wrote:That space is there because the font size of the hidden content is still present within the list items. You could change their font size to 0 and reduce the margin on the right side of home to shift it to the right some.

Code:
a.mainmenu[href="/calendar"], a.mainmenu[href="/faq"] { font-size:0; }
a.mainmenu[href="/"] { margin-right:-10px !important; }

Pizza Boi,

I would be careful using nth child as it is not always accurate, especially when an elements index position changes depending on permissions.
Hi Very Happy

Yes, I know about that and I actually didn't plan on using it, but I actually tried the code above. It didn't work for me and the page was going bonkers so it was probably my browser at the time. Thanks for the heads up though Very Happy.

Regards,
Pizza Boi

@Neptune- wrote:
@Pizza Boi wrote:This was solved via GDA.

Hi !

Sorry but what means GDA ?
Hi Very Happy

Galactic Duel Academy

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.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