Current time: 08-19-2017, 00:38 AM
Solved Edit Navigation Bar
03-24-2012, 21:04 PM (This post was last modified: 03-25-2012 01:02 AM by ExaByte.)
Post: #1
Edit Navigation Bar
I am needing to edit my forum navigation bar. Not the one with the Home, Help, Search etc. But the one that tells you where you are in the forum. What I'm wanting to do is put a nice box around the navigation to make it look like this:
http://gyazo.com/98f3658f04daf99d866702fa945d818e

But I made the class and everything but for some reason it has a lot of space at the top and bottom and looks like this:
http://gyazo.com/a8a0b91fa84815145ce562bedd9186b8

So if you could help me that would be great.
Quote

Namecheap.com

03-24-2012, 21:09 PM
Post: #2
RE: Edit Navigation Bar
Reduce your padding. (Post your css code here)

The contents of this section are hidden from your usergroup.

$10 Off any hostgator package - Coupon Code: The contents of this section are hidden from your usergroup.
25% Off any hostgator package - Coupon Code: The contents of this section are hidden from your usergroup.
$25 Off all reseller packages - Coupon Code: The contents of this section are hidden from your usergroup.
Quote

Namecheap.com

03-24-2012, 21:13 PM (This post was last modified: 03-24-2012 21:13 PM by ExaByte.)
Post: #3
RE: Edit Navigation Bar
(03-24-2012 21:09 PM)Echo Wrote:  The contents of this section are hidden from your usergroup.

RegisterAll of it? I guess so because I don't know which one is for <navigation>. I made a whole new class for the box and its called ".notbox".

http://pastebin.com/uk803AH3
Quote

Namecheap.com

03-24-2012, 21:15 PM
Post: #4
RE: Edit Navigation Bar
You have a lot of padding there. Try this:

Code:
The contents of this section are hidden from your usergroup.

Register

The contents of this section are hidden from your usergroup.

$10 Off any hostgator package - Coupon Code: The contents of this section are hidden from your usergroup.
25% Off any hostgator package - Coupon Code: The contents of this section are hidden from your usergroup.
$25 Off all reseller packages - Coupon Code: The contents of this section are hidden from your usergroup.
Quote

Namecheap.com

03-24-2012, 21:17 PM
Post: #5
RE: Edit Navigation Bar
(03-24-2012 21:15 PM)Echo Wrote:  The contents of this section are hidden from your usergroup.

RegisterIt did nothing to the height.
Quote

Namecheap.com

03-24-2012, 21:18 PM
Post: #6
RE: Edit Navigation Bar
Post the html here also.

The contents of this section are hidden from your usergroup.

$10 Off any hostgator package - Coupon Code: The contents of this section are hidden from your usergroup.
25% Off any hostgator package - Coupon Code: The contents of this section are hidden from your usergroup.
$25 Off all reseller packages - Coupon Code: The contents of this section are hidden from your usergroup.
Quote

Namecheap.com

03-24-2012, 21:19 PM
Post: #7
RE: Edit Navigation Bar
(03-24-2012 21:18 PM)Echo Wrote:  The contents of this section are hidden from your usergroup.

RegisterWhat do you mean? Sorry, I am new at coding. And, your navigation is kind of what I want it to look like.
Quote

Namecheap.com

03-24-2012, 21:21 PM
Post: #8
RE: Edit Navigation Bar
Reduce the margin and see if that changes.

The contents of this section are hidden from your usergroup.

$10 Off any hostgator package - Coupon Code: The contents of this section are hidden from your usergroup.
25% Off any hostgator package - Coupon Code: The contents of this section are hidden from your usergroup.
$25 Off all reseller packages - Coupon Code: The contents of this section are hidden from your usergroup.
Quote

Namecheap.com

03-24-2012, 21:22 PM
Post: #9
RE: Edit Navigation Bar
(03-24-2012 21:21 PM)Echo Wrote:  The contents of this section are hidden from your usergroup.

RegisterIt changed the white space around it but not the grey bar itself. I think it has something to do with the actual navigation itself. Not the class I made.
Quote

Namecheap.com

03-24-2012, 21:24 PM
Post: #10
RE: Edit Navigation Bar
Do something like this:

Html:
Code:
The contents of this section are hidden from your usergroup.

Register

The contents of this section are hidden from your usergroup.

$10 Off any hostgator package - Coupon Code: The contents of this section are hidden from your usergroup.
25% Off any hostgator package - Coupon Code: The contents of this section are hidden from your usergroup.
$25 Off all reseller packages - Coupon Code: The contents of this section are hidden from your usergroup.
Quote

Namecheap.com




User(s) browsing this thread: 1 Guest(s)