/    Sign up×
Community /Pin to ProfileBookmark

Possible to add spacing in menu list?

Howdy –

I’m just learning how to create websites, and I’m trying to figure out if I can do something with my site navigation. I’m using JavaScript to create a vertical menu, and I’m wondering if it’s possible to add spacing that would push some parts of the menu farther down… separating selections into groups.

For example… instead of something like:


——————-

About This Site
Resource Center
News You Can Use
Helpful Links

Contact Us
——————-

I could have something like this:


——————-

About This Site
Resource Center
News You Can Use

Helpful Links
Contact Us


——————-

Here’s the code I’m working with:

===================================================

// menu_items.js file

var MENU_ITEMS =[
[“About This Site”, ,
[“Overview”, “Insert URL”],
[“Meet The Team”, “Insert URL”]
],
[“Resource Center”, ,
[“Document Library”, “Insert URL”],
[“FAQ’s”, “Insert URL”],
[“Glossary”, “Insert URL”],
],
[“News You Can Use”, “Insert URL”],
[“Helpful Links”, “Insert URL”],
[“Contact Us”, ,
[“Team 1”, “mailto:insertalias?subject=Website Inquiry”],
[“Team 2”, “mailto:insertalias?subject=Website Inquiry”],
],

];

===================================================

Thanks,
Bob T.

to post a comment
JavaScript

8 Comments(s)

Copy linkTweet thisAlerts:
@phpnoviceJun 05.2006 — What HTML are you planning to use to display the menu selections?
Copy linkTweet thisAlerts:
@dthurman1432Jun 05.2006 — just insert an empty <td> with height.

<tr>

<td>button1</td>

</tr>

<tr>

<td>button2</td>

</tr>

<tr>

<td height="30">&nbsp;</td>

</tr>

<tr>

<td>button3</td>

</tr>
Copy linkTweet thisAlerts:
@phpnoviceJun 05.2006 — just insert an empty <td> with height.[/QUOTE]
And if the OP is not planning to use tables, what then. :p
Copy linkTweet thisAlerts:
@dthurman1432Jun 05.2006 — well then create a couple breaks <br><br>
Copy linkTweet thisAlerts:
@phpnoviceJun 05.2006 — Off the top of my head, I can think of at least four or five different ways that it can be done -- depending upon what basic HTML is desired. But it makes no sense to start posting a lot of solutions that 80% of them won't apply to the OP's situation. Better to just wait for an answer to the question. But I guess you just wanted to get your post in first and cross your fingers hoping that it would be the answer the OP was looking for. :rolleyes:
Copy linkTweet thisAlerts:
@dthurman1432Jun 05.2006 — Well I guess we'll find out when kebab posts back
Copy linkTweet thisAlerts:
@Monkey_KebabauthorJun 06.2006 — [B]phpnovice[/B] [I]What HTML are you planning to use to display the menu selections?[/I]

- This is all so new to me, so I apologize if this is not what you're referring to... The web site uses tables, but the JavaScript menu is displayed in a section using CSS.


[B]dthurman1432[/B] - Thanks for your suggestions, but neither the empty table with height, nor the line breaks worked. Each one caused the menu to disappear from the page.


Please let me know if copies of the code I'm working with would help... I'll be happy to post it up.

Thanks,

Bob T
Copy linkTweet thisAlerts:
@phpnoviceJun 06.2006 — Can you provide a link to your page on the Internet?

It will help to see how the HTML is laid out.
×

Success!

Help @Monkey_Kebab spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...