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.

PunBB Navbar image spaces

View previous topic View next topic Go down

Solved PunBB Navbar image spaces

Post by fijea on September 14th 2011, 9:33 pm

Hi,

I'd like to remove the spaces between the navbar images.
I've tried using the margin left: -1px but it doesn't seem to work (also tried with increased number)



Also, how to remove the bar that I don't want?
for example is the group bar which is located between member and search..
it shows a larger space than the others..

Thank you! Smile


Last edited by fijea on September 14th 2011, 10:36 pm; edited 1 time in total

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: PunBB Navbar image spaces

Post by Base on September 14th 2011, 9:34 pm

Hi, can you please provide your forum URL please? Smile

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Solved Re: PunBB Navbar image spaces

Post by fijea on September 14th 2011, 9:38 pm

sorry about that,
here you go: http://www.indorockers.com/

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: PunBB Navbar image spaces

Post by Base on September 14th 2011, 9:39 pm

Thank you. Please try adding this to your CSS code:

Code:
#pun-navlinks li a {
    margin: 0;
}

Very Happy

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Solved Re: PunBB Navbar image spaces

Post by fijea on September 14th 2011, 9:42 pm

it works! thank you! Very Happy

how to remove the unwanted bar then?
EDIT: i my case, I wanted to remove user groups bar.

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: PunBB Navbar image spaces

Post by Base on September 14th 2011, 9:44 pm

You're welcome. What do you mean by unwanted bar? Smile

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Solved Re: PunBB Navbar image spaces

Post by fijea on September 14th 2011, 9:49 pm

as you see from the screenshot above, there's a wider space between "member" and "search"..it should be "user groups"
but I don't want it to be there so I didn't make the image..

and as I expected, after I added your code, there's still a single line between em Smile


I'd like to remove it from the navbar since my forum isn't gonna use it either.

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: PunBB Navbar image spaces

Post by Base on September 14th 2011, 9:51 pm

This is what I see:



Do I need to be registered in order to see that space?

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Solved Re: PunBB Navbar image spaces

Post by fijea on September 14th 2011, 9:59 pm

ah right now that you mentioned it lol..
sorry! yeah you'll need to be registered..

okay what if I want to hide the FAQ forever?
I think it'll use the same method? Smile

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: PunBB Navbar image spaces

Post by Nera. on September 14th 2011, 10:13 pm

Thy this to fix the space

Code:
#i_icon_mini_groups {
    display: none;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: PunBB Navbar image spaces

Post by fijea on September 14th 2011, 10:28 pm

I couldn't find the line on my css..

there's only 2 thing:
Code:
.sprite-icon_mini_groups{
   background:url("http://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
   background-position:-186px 0;
   width:12px;
   height:13px;
   }
(I've tried on this one and it doesn't seem to work)

and

Code:
.sprite-icon_groups{
   background:url("http://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
   background-position:0 -191px;
   width:16px;
   height:14px;
   }

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: PunBB Navbar image spaces

Post by Nera. on September 14th 2011, 10:31 pm

Just add it to CSS.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: PunBB Navbar image spaces

Post by fijea on September 14th 2011, 10:35 pm

it is working!

thanks, Nera! Very Happy

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: PunBB Navbar image spaces

Post by Nera. on September 14th 2011, 10:42 pm

Welcome.

Solved > Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

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