Menu Tabs Varying Widths?

How do I get my Horizontal Spry menu bar tabs to be varying widths (dependent on content). I know it's possible, just can't find it. I know how to change the width of the bar, and make the tabs a uniform width, but how do I change the individual tabs? Thanks!

You have touched on one of my many gripes. very hard to find information.
Have a look here http://labs.adobe.com/technologies/spry/samples/menubar/AutoWidthHorizontalMenuBarSample.h tml
Gramps

Similar Messages

Spry Hor. Menu with Varied Width Cells and Uniform Submenu

1. Which Spry Style will I edit to change and vary the width of the top line (master) menu bar?
2. What code will create a width for every cell independent of the neighboring cells?
I don't want to use auto. I want to be able to determine the width of each cell independently so I can accomodate longer titles and fill my div.
Thanks for the help guys and gals.
Rob

This is the markup
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Home</a>          </li>
<li style="width:8.3em;"><a href="#" class="MenuBarItemSubmenu">Who We Are</a>
    <ul>
      <li><a href="#">Our Location</a></li>
      <li><a href="#">Our Services</a></li>
      <li><a href="#">Our Community</a></li>
      <li><a href="#">Our Pastors</a></li>
      <li><a href="#">Our Beliefs</a></li>
    </ul>
</li>
<li style="width:8.5em;"><a class="MenuBarItemSubmenu" href="#">What We Do</a>
    <ul>
      <li><a href="#">Children Ministry</a>              </li>
      <li><a href="#">Youth Ministry</a></li>
      <li><a href="#">Worship</a></li>
      <li><a href="#">Mens Group</a></li>
      <li><a href="#">Outreaches</a></li>
    </ul>
</li>
<li><a href="#">Events</a></li>
<li style="width:7.7em;"><a href="#" class="MenuBarItemSubmenu">Contact Us</a>
    <ul>
      <li><a href="#">Prayer Request</a></li>
      <li><a href="#">Subscribe</a></li>
      <li><a href="#">Contact Us</a></li>
    </ul>
</li>
<li><a href="#">Pastor's Blog</a></li>
<li style="width:5.1em;"><a href="#" class="MenuBarItemSubmenu">Media</a>
    <ul>
      <li><a href="#">Listen Online</a></li>
    </ul>
</li>
<li><a href="#">Give</a></li>
</ul>
and this is the result
You can adjust the suggested values to utilise the full width, this is up to you. I merely wanted to show that it can be done.
Cheers
Gramps

Make a menu tab active when using templates

Could anyone tell me how de we achieve making a menu tab active when using a template and a combination of html & php. I am putting the code I am using for my menu and do not see how to do this and how to relate inner pages to the right menu tab ... The site has hundreds of pages so i hope there is an easy way to do this without having to create duplicated templates. Many thanks.
      <li><span class="divider divider-vert" ></span></li>
      <li><a href="Hostels.html">Hostels Brasil</a></li>
      <li><a href="Historico.html">Historico e Filosofia</a></li>
      <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="Brasil-Carteira.html">Carteira HI Brasil</a>
         </li>
      <li><span class="divider divider-vert" ></span></li>
       <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="hostels-mondo/index.html">Hostels do Mundo</a>
</li><li><a class="item-primary" href="Contato.html">Contato</a>
        </li></ul>

Humm .. really not sure what I'm doing wrong here .... I've been redesigning the whole menu but cannot get that to work , if you dont mind I am sending you the code here first so you can already have a look and see if there is some obvious mistake , I am still testing all this on my local machineand as I completly re made the menu for the purpose I cannot upload the files and let the client see a menu like this (now I was also wondering if maybe this would only work on a live server ?)
So my menu is like this
<div id="nav-container"><div id="nav">
    <ul>
      <li><a href="../index.html">Home</a></li>
      <li><a href="../viagem-brasil/destinos.html">Destinos</a></li>
      <li><a href="#">menu</a></li>
    </ul>
</div>
</div>
Then just befor the </body> tag I have the following :
<script src="http://labs.adobe.com/technologies/spry/includes_minified/SpryDOMUtils .js"></script>
<script>
       function InitPage(){
        Spry.$$('nav li').forEach(function(node){
        var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
        if(a.href == window.location){
            Spry.Utils.addClassName(node,"activeMenuItem");
    Spry.Utils.addLoadListener(InitPage);
    </script>
And my css is, you will notice I am trying to get an image as background but this is only a detail .....
#nav{
    margin: auto;
    color: #FFF;
    height: 65px;
    width: 1060px;
    text-align: left;
    background-image: url(../images/menubg.gif);
#nav-container
    height:65px;
    background-image:url(../images/menubg.gif);
    width: 100%;
#nav-container ul {
padding:0;
margin:0;
list-style-type:none;
#nav-container li {
    margin-left:2px;
    float:left;
    height: 55px;
    /* [disabled]padding-top: 25px; */
#nav-container ul li a {
    display:block;
    float:left;
    width:100px;
    /* [disabled]background-color:#6495ED; */
    color:#FFF;
    text-decoration:none;
    text-align:center;
    padding:5px;
    /* [disabled]margin-top: 20px; */
    height: 25px;
    padding-top: 30px;
#nav-container ul li a:hover {
    background-image: url(../images/menuHome.png);
    display:block;
    float:left;
    width:100px;
    /* [disabled]background-color:#6495ED; */
    color:#FFF;
    text-decoration:none;
    text-align:center;
    padding:5px;
    /* [disabled]margin-top: 20px; */
    height: 25px;
    padding-top: 30px;
.activeMenuItem a {
        background:#a59a84;
        color:#000;
.activeMenuItem a {
    background:#a59a84;
    color:#ffffff;
    background-image: url(../images/menuHome.png);
I really thank you for your time and hope you'll spot the mistake, if not I will do upload something so we can see it live !
Many thanks

Menu Tabs

Good Afternoon,
I want to say thank you for all of your advice and direction!!!
I have a few more questions in reference to menu tabs, upon creation of my tabs there are additional links created for each tab although they are nice features how do I get RID of them?? also when I created my tabs they were created at the right side of the page how do I move them to the left side of the page? I apologize if these questions seem a bit simple.

You can achieve the similar effect , if your prepared to change your css skin a little :-
af|showOneTab::cell-start
The style on the first cell. You can left-align by setting width:0% on this, and width:100% on af|showOneTab::cell-end
was not able to get this working successfully , have posted request here:-
force af|tabbar to be right to left
Message was edited by:
kequinoxed

Is there a way to backup my bookmarks from the bookmarks menu tab?

After recently having a problem reinstalling my old bookmarks, I'm now wondering if there is a easy way to backup my very recent bookmarks, when I enter my bookmarks from the menu tab? I don't see a link within the bookmarks tab to do so. It would be nice to see a specific link within the bookmarks tab to do such a function. Does anyone have any solutions, or know a way to quickly backup my bookmarks? Thank you.

Bookmark backup and restore
*http://kb.mozillazine.org/Backing_up_and_restoring_bookmarks_-_Firefox
*https://support.mozilla.org/en-US/kb/restore-bookmarks-from-backup-or-move-them

If i open a new window instead of a new tab, in the new window does not appear the menu tab

i want to open new windows instead of tabs and in the new window should appear the menu tab and scrolling up and down, but now with the new version the menu tab does not appear and i cannot scroll up and down.

Do you mean opening a window via the File menu (File > New Window) or do you always want to open links that you click on web pages in a new window?
See also:
*http://kb.mozillazine.org/Prevent_websites_from_disabling_new_window_features
You can open the <b>about:config</b> page via the location/address bar.
You can accept the warning and click "I'll be careful" to continue.
*http://kb.mozillazine.org/about:config

Unable to Create Certifications Menu Tab in sysdmin console of 11g R2 PS1

Hi All,
I installed 11g R2 PS1 Successfully. But i am unable see the Certifications menu tab in Sysadmin console.
Can anyone please let me know how to resolve this issue.
I applied following patches.
Patch Numbers :
16385074
13913356
16024267
14196234
16366204
16478722
Regards,
idmr2

This can happen due to OIM-LDAP wrong attribute mapping/value getting passed.
Can you please first try with OOTB attributes and see how it behaves?
J

My Firefox menu tab has just disappeared from the left hand top corner. How do I get it back?

Today when I opened Firefox the menu tab on the top left hand corner was missing.???
How can I print without a menu tab? How do I restore the menu tab?

See this - https://support.mozilla.org/en-US/kb/how-do-i-get-firefox-button

Menu tabs in adf faces on jdeveloper 10.1.3.5

Hi,
I am new to jdeveloper and I am looking for a sample code for menu tabs without binding the tabs to menu model.
I went through the ADF development guide but it has example only with menu model.
Can somebody provide me with an example for menu tabs?
Thanks,
Bablu

You mean something like this?
http://www.oracle.com/technology/products/jdev/tips/muench/1013srdemo/index.html

My home page spry menu tab does not appear in when displayed in Internet Explorer 8.2.

My home page spry menu tab does no
t appear in Internet Explorer 8.2.
Can anyone help please?

This is what you have now, please delete the > (greater than) marks at the start of each line and reupload so that I can view the result
> <li><a class="MenuBarItemSubmenu" href="#">Home</a>
> <ul>
> <li><a href="#">Item 1.1</a></li>
> <li><a href="#">Item 1.2</a></li>
> <li><a href="#">Item 1.3</a></li>
> </ul>
> </li>
> <li><a href="#">Window Cleaning</a></li>
> <li><a href="#">Office Cleaning</a></li>
> <li><a href="#">Domestic Cleaning</a></li>
> <li><a href="#">Carpet Cleaning</a></li>
> <li><a href="#">Upholstery Cleaning</a></li>
> </ul>>

Missing Spry Menu Tab on CS5 using an iMac (only 2 computers cannot see it)

I am using Dreamweaver CS5 on iMacs in my classroom. Two students are not able to see the blue Spry Menu Bar tab. Is there something that needs to be selected in order for them to see it? I thought maybe they missed a step so we followed our book and recreated the Menu Bar on another page. Once the menu bar is complete and you click off, the blue Spry Menu Tab is not available. Any suggestions would be greatly appreciated.

Hello,
even if there are only two students with these problems, you should follow Ken's hint. One of my most important arguments: "Spry doesn't work correctly on touch screens!" Please try it, you will have a nasty surprise!
And here I quote from different contributions of the forum:
"Spry has been deprecated and is no longer officially supported by Adobe", “Adobe abandoned Spry late last year after CS6 came out. Future products will probably not contain any Spry so learning to use jQuery is a valuable skill to have for the future. We/I recommend you switch to a jQuery library for your further requirements."
Examples
http://users.tpg.com.au/j_birch/plugins/superfish/examples/
http://www.egrappler.com/a-stylo-modern-jquery-accordion-akordeon/
http://craigsworks.com/projects/simpletip/
http://calebjacob.com/tooltipster/
http://www.solutions4website.com/Extensions/nova_dropdown_menu.aspx
Tutorials:
http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
http://try.jquery.com/
http://learn.jquery.com/
https://tutsplus.com/course/30-days-to-learn-jquery/
http://www.w3schools.com/jquery/
If you have a budget to work with, get PVII's Pop-Menu Magic2.
http://www.projectseven.com/products/menusystems/pmm2/
Hans-Günter

Color not changing on Selected Menu tab

I'm creating a custom css and in doing so have been trying to change the text color of the selected menu tab. I've added it to my stylesheet but it is not changing upon running it. If I change the menu tab specifically via the properties of the tab, it will change. Is 'color' something we can change?
Here is a snipet of my css:
.af|menuTabs::selected {color:red;
white-space:nowrap;
font-family:Arial,Helvetica,Geneva,sans-serif;
font-size:200%;
background-color:white;
font-weight:bold;
text-decoration:none;
Thanks,
Lisa

A: Color not changing on Selected Menu tab

Your '.' before af|menuTabs is wrong.
It's just "af|menuTabs::selected" not ".af|menuTabs::selected".
Also, you need to use the ::selected-link pseudo-element to style the color of the text.
/* Make the selected tab bold */
af|menuTabs::selected-link
font-weight: bold;
font-size: 14pt;
color: green;
}

ADF 10.1.3 - Adding menu tabs

How can I add two menu tabs and each point to a different page?
I tried to add two menu tabs in the menu1 item of panelPage and added CommandMenuItem for the nodeStamp they are not showing up.

Hi
I am posting it as a different question. Could you please answer?

Flash MX Menu Tabs Template

Hi there. I'm trying to create a menu tab on my website and I
found the generic Tabbed Menu template (Menu_tabs) on FlashMX
fitted me perfectly . The only problem is I would like the sub menu
to appear onrollover, rather than onclick. Unfortunatly I don't
understand the code and have no idea how to change this. Would
anyone be able to help me out? Thanks

ici :
http://www.flashkit.com/movies/Interfaces/Menus/vertical-simone_m-3978/index.php
http://www.flashkit.com/movies/Interfaces/Menus/The_Vert-Matthew_-4945/index.php
http://www.flashkit.com/movies/Interfaces/Menus/Menu_wit-dbk-9210/index.php
�a marche par clic et non pas au survol pour les 2
1ers, mais �a peut
�tre un d�but ?
y'en a encore plein d'autres sur flashkit, j'ai
cherch� "vertical menu",
match=all
hth
Ned
Bien faire et laisser braire ...
mais apr�s avoir lu & compris ceci :
http://faqmm.free.fr

CSS Comment Tags in Menu Tab?

Is there a way to add CSS comment tags to my FAVORITES menu
tab? Whenever I want to add comments to an external CSS document, I
have to manually type /*...*/. It would be great if there was a
comment button for CSS, like there is for HTML, so I could just
select the text I want to comment out, click a button, and it
automatically wraps the CSS in comment tags.

There is. It's on the Code toolbar.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"shockbyte" <[email protected]> wrote in
message
news:gff1k2$q6p$[email protected]..
> Is there a way to add CSS comment tags to my FAVORITES
menu tab? Whenever
> I
> want to add comments to an external CSS document, I have
to manually type
> /*...*/. It would be great if there was a comment button
for CSS, like
> there is
> for HTML, so I could just select the text I want to
comment out, click a
> button, and it automatically wraps the CSS in comment
tags.
>

Menu Tabs Varying Widths?

Similar Messages

Maybe you are looking for