The Spry Menu text alignment

I wonder if there is a way to have the text centered in the main menu bar but align to the left of the text the in the submenus. I tried, but any alignment that I apply in the CSS seems to affect all the text.

I just made this page someone else example:
http://www.Projectseven.com/testing/customers/Adobe/Fubar/

Maybe this will help. The spry menu is the second.

--
Al Sparber - PVII
http://www.Projectseven.com
The finest Menus Dreamweaver | Galleries | Widgets
http://www.Projectseven.com/go/pop
The ultimate DW menu system

"efredian" wrote in message
News:gnnq9i$3BU$1@forums. Macromedia.com...
> I wonder if there is a way to have the mainly centered text
> bar menu but align the text left the in the submenus. I tried, but all
> alignment I apply in the CSS seems to affect all the text.

Tags: Dreamweaver

Similar Questions

The Widget Menu text alignment

Widget menu: Is it possible to align text centered in the top - Menu and pages to the left in the Menu of subpages?

There is not a lot of controls (everything) for where the submenu is positioned, but you can align the text in submenus using text alignment in text on the menu Board is defined for the uniform Site. If the menu is set to uniform spacing you must be more creative and double-click until a submenu item is selected, use the space Panel (unlock the chain icon) to increase the right padding value so that the text appears on the left, aligned.

The basic menu text alignment

I redesigned the menu bar to the restaurant I work as an accountant. I have a knowledge base of InDesign (CS2 worm) and now that I'm trying to set up the final draft for the menu, I fight with perfect spacing that I made previously as a draft simply using Visual guidelines. I'll not be myself the impression these on my printer (only 25 copies) so no worried of commercial printing. I'll attach a file of the layout and hope it works.

My goal is to have uniform spacing between the name of the element Script fonts and the description of the object police Minion and the spacing between the elements. I have searched for a text alignment and met a lot of information that talks about paragraphs and no seizure of returns and alignment using baseline or document grids grids. All pretty overwhelming to try to understand. I created text using individual text boxes and the characteristics of the alignment.
I would be happy to the easiest way to create this menu that would be visually nice and consistent.
Thank you
Patty

Hi Patty,.

Sorry for the delay in response, it was one of those days hehe.

I'll give a creation step by step on just the first text box, and (for the most part)

1. create the text box and put the copy in the box

-Create the box big enough so that if you were to copy and paste all of the text in another document, it will fit. (personally I set the margins of the entire page and create the text box to the margin, only height adjustment to compensate for the red bar header you have to go at the top). But let me ask you this question. You have all the elements of the menu on a WORD document (or something similar)? If so, you can copy and paste everything at once.

-Anyway it doesn't really matter how to get everything that he, just put all the appetizers in a framed with here descriptions and prices, obviously placing them in the order you want to read. For example

Fried Ravioli7.959.95

Item description goes on the next line.

Crab Cakes7.959.95

Item description goes on the next line.

etc...

(Make sure you have none between the two additional lines each element is important...) You will become too overwhelmed by the desire to use the space bar or the tab key to setting the price of space, are not! Laughing out loud... Notice how I have no space between the element name and pricing... "This is how you want.)

QUESTION IMPORTANT, you want the police to pricing be identical to the order of the day? I'll assume that you do

2. terms of organization of the first element (fried dumplings)

-Set up the first line (Fried Ravioli7.959.95) with the size of the exact font, font family and color you want all of the elements to search for.

-Now place your cursor inbetween fried ravioli and 7.95 and press the tab key, then place the cursor between 7.95 and 9.95 and press the tab key. Should look like this now

Dumplings fried 7.95-9.95

Item description goes on the next line.

Crab Cakes7.959.95

Item description goes on the next line.

etc...

-Press Shift + Ctrl + T... This opens the ruler above the text box tab (it's kind of like the ruler of MS WORD at the top of the page only you can move). Notice in the area, above the rule, there are more arrows, one pointing to the left, middle, right, middle. Click the right arrow (which means the text will align to the right) with the right arrow selected, click on the rule and drag the marker to the tab where you want to than the first price to display (by dragging, you will notice prices moving with it, it's good) now place another faucet brand, once again, by clicking on the rule , just this one you want to drag all the way to the right, until it is just at the end of the text box. Your first line should now look like this:

Dumplings fried 7.95-9.95

Item description goes on the next line.

Crab Cakes7.959.95

Item description goes on the next line.

etc...

3. format Description

-Once format description of the exact font family, font-size and color you want all descriptions look.

4. create the style of paragraph for elements (ok, let's go with the paragraph styles)

-Open the palette paragraph styles.

-Then place your cursor anywhere on the first line.

-While pressing the Alt key, click on the "create the new paragraph style" icon at the bottom of the Palette (it will look like a small piece of paper, next to a small trash can) paragraph styles, you will notice that a box opens, it's the settings in paragraph Styles box. (but because you held ALT key while clicking on the icon of new style, all styles have been generated automatically.) So all you need to do is type a name (at the top of the box), and then click ok. Name it "Items".

5. create the style of paragraph for description

-Repeat step 4, only this time you will first of all place your cursor anywhere on the description line. And appointing decription

6. apply styles to paragraph for the rest of the elements

OK, I won't tell you created styles in a loop, to get in shape all copy at a time, which would take too long to write... hehe...

But now that you have your two paragraphs created styles you can click format all other elements, that he takes no time

-Place your cursor on the first line of the order of the day, and the right mouse button click on the paragraph style "Items", in the paragraph style palette... In the menu, select the choice: apply style "Items" + clear overrides and character styles obvious (this will ensure that the line is formatted for the paragraph style you set exact)

Now you should have this properly set line-shaped... But uh oh, there is still no space between the two elements. I'm glad you noticed. Open the "Items" paragraph style settings, you will notice on the left there are tabs. Click on the tab 'line spacing '. Find the text box that says: "a space before" and enter a value (this will be the distance inbetween each element, so according to the units you are using, picas, inches, etc. assign a reasonable space.) I would have put in. a.125. If you have clicked on the box preview (located on the lower left corner of the settings box) you will immediately see your items should be spaced. Click ok to exit the settings box.

-Repeat the previous step with the descriptions. You won't have to worry about spacing here

-Now, repeat the previous two steps until all items are formatted.

7 make the blue Happy Hour price

Just real quick

Highlight the first price you want blue. change the font color of blue, now in the Toolbox, select the "eyedropper" (you can't miss it, it resembles a dropper... lol) with the eyedropper tool, click the text highlighted in blue, but now empy changes look full.

A bit like the format in word, this pipette brush is now the exact formatting of the blue pricing.

-Now with the complete pipette, highlight each prize to the bottom of the list that is supposed to be blue. Each item you want will change from black to blue.

------------------------------------------------------------------------------------------ ------------------------------------

OK, so there you have it... This should take care of it, I hope I don't miss anything, even if it is long and I'm little tired, I wouldn't be surprised... Laughing out loud...

Hope this helps

problem with the spry menu bar
Hello. I'm having a problem with the submenu appears at the top of the page instead of the sub menu. I have added settings and changed % to the "ems", but still does not work. I think it has something to do with being right under the menu spry flash movie. Can anyone help? Thanks in advance.
Here is the link to the site:
link to the site
Hello

The problem is due to the
Tags that you added all through
the spry menu.
In IE, which not only align text Center but it also aligns the
- who owns.
  This changes things.
  
  First of all, change this:
  - Homepage
  - On
    We
  - href = "link_pages/services.html" > services
    
    Reservations
  - <>
    href = "link_pages/staff.html" > staff
  - Class = "MenuBarItemSubmenu" > news
    
    Events
  - Fido
    Friends
  - <>
    href = "link_pages/Resources.html" > Resources
  - Contact
    We
    
    Career opps
  To do this:
  - Homepage
  - About us
  - href = "link_pages/services.html" > services
    - Reservations
  - Staff
  - Class = "MenuBarItemSubmenu" > news
    - Events
  - Friends of Fido
  - Resources
  - Contact us
    - Career opps
  So, if you want your text aligned to Center:
  
  Change this in the sections file:
  
  UL. MenuBarHorizontal a {}
  display: block;
  cursor: pointer;
  background-color: #000000;
  Padding: 0.5em 0.75em;
  color: #FFFFFF;
  text-decoration: none;
  }
  
  To do this:
  
  UL. MenuBarHorizontal a {}
  display: block;
  cursor: pointer;
  background-color: #000000;
  Padding: 0.5em 0.75em;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  }
  
  I hope this helps.
  
  Take care
  Tim
  
  "rio333" wrote in message
  News:ft6src$RHS$1@forums. Macromedia.com...
  > Hi. I'm having a problem with the submenu appears at the top of the page
  > instead of the under the menu. I've added parameters and modified % to
  > "ems".
  > but still does not work. I think it has something to do with flash
  > film
  > under the spry menu. Can anyone help? Thanks in advance.
  > Here is the link to the site:
  > http:www.fidoandcompany.com
  >

Can this be achieved using the Spry Menu?

Hello
I saw this model and I understand that this has been done in Flash; However, I was wondering if it could be done using the Spry Menu in Dreamweaver CS5. Here's my opinion on the matter. Use the Spry Menu to make the framework and then use jQuery to animate the text inside. I just want to know if it is possible, or should I just go ahead and try to build it in Flash. Thus, a total nube you will appreciate any help or a nudge in the right direction.
Here is the link:
http://static.livedemo00.template-help.com/wt_40709/#! / page_splash

This is not done using Flash. They used jQuery and Javascript written in addition to achieve.

Here is the script, they used: http://static.livedemo00.template-help.com/wt_40709/js/scripts.js

They used jQuery easing for transitions.

-ST

I colored the spry menu, but it does not appear in the preview.

I changed the color of my spry menu of beige to black. It appears on my work page, but when I try to preview, it's as if I had never changed color. I also tried to go to the page via Firefox, but it does not appear there either. The code says the bottom of the menu is #000, we design signs it indicates the background color is #000 institutions. Can someone tell me what I'm missing that deploys the spry menu stay in the default color?

Not a good option, unfortunately.

"allow multiple consecutive spaces" is an old option in DW who must be stopped. He inserts just several nonbreaking spaces when you press the SPACEBAR.

It's ugly and unpredictable because it depends on the font size, sizing of browser text etc.

Better to use CSS

tracking http://www.w3schools.com/cssref/pr_text_letter-spacing.asp

Wee http://www.w3schools.com/cssref/pr_text_word-spacing.asp

Background of the Spry menu bar problem
Hello
I tried to search for this problem, and although I found others with the same problem, there has been no response (probably so obvious I missed it and they understood.) And I update the Spry menu bar to the latest version.

The Horizontal Spry menu bar works fine on Firefox and IE 7, the background is white and the submenus, not the intention. Alignment and size is fine, just designed background colors do not work (on the menu itself, I want a transparent background on submenus, #777079.)
Website: September Entertainment Site
Style sheet Spry: Spry CSS

Thank you in advance for any help you can give me.
See you soon,.
Janell
Hello
Just found the problem for someone who is having the same thing happen. This is the cut down "Sections":

/*******************************************************************************

BROWSER HACKS: hacks below should not be changed, unless you are an expert

*******************************************************************************/

/ * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
UL. MenuBarHorizontal iframe
{
position: absolute;
z index: 1010;
Filter:alpha(opacity:0.1);
}
/ * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.
@media screen, projection
{
UL. MenuBarHorizontal li. MenuBarItemIE
{
display: inline;
f\loat: left;
background: fff;
}
}

Where it says: "background: fff;" change to everything that you need, in my case, "background: transparent;"

Voila!
See you soon,.
Janell

How to add the collapsible functionality to the Spry Menu?

Dear Adobe community,
How to add the functionality of collapsible for the Spry Menu like the one on the White House | whitehouse.gov ?
Load the White House Web site and minimize your browser window as observe you what happends to the menu bar when you pass a certain limit.
This is the feature that I want to put in place and I would be happy if one of you could direct me to or share relevant information.
Concerning
Andreas

This isn't a menu Spry Spry do not appear on mobile devices.

Use any sensitive menu you like for example:

CSS & jQuery Mobile Navigation Menu Demo

The tutorial is here:

CSS and jQuery Menu of Navigation Mobile reactive

Dreamweaver CC: Layouts start CSS & missing of the Spry menu bar
- I preset web training and our client updated for Dreamweaver CS4 Dreamweaver CC 2015. That are the CSS Starter layouts in Dreamweaver, for example the column 2 fixed, header and footer layout? I don't find it in Dreamweaver CC 2015. It was a good starting point to teach students to create a web page using one of these start CSS page layouts and then customize.
- I also can't find the Spry menu bar to create a menu (up to three levels) bar.
- What is the best options for me to use instead the CSS starter layouts & the Spry menu bar? Students know nothing about web design when they start with the course.
It is more a spry menu bar, which was crap anyway. You can learn how to make a simple CSS - only menu or a menu jQuery.

The new version of DW includes a starter starter site, which is how many sites asre built these days. Bootstrap also contains a navigation pane.

Missing tab of the Spry Menu on CS5 using an iMac (only 2 computers do not see)

I use Dreamweaver CS5 on iMac in my class. Two students are not able to see the blue tab of the Spry menu bar. Is there something that should be selected in so that they can see it? I thought that 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 on the Blue Menu Spry tab is not available. Any suggestions would be greatly appreciated.

Spry menus have been abandoned by Adobe.two years ago because they can not be used by millions of visitors on portable devices. We use now of JQuery menus or pure HTML/CSS menus.

change the spry menu bar

Just opened my page in the new Dreamweaver 20141. What happened to the easy edit function for the Spry menu bar? I'm sure he's here somewhere, I just can't find it. It was so easy in the previous version. It just appeared at the bottom of the screen when I clicked on the bar. Where is he now?

Never mind. I found it. Window > properties

The Spry menu bar navigation

I am using the Spry menu bar and have several menu on my home page items that have incorporated under them. For example, I have an element of menu 'navigate' on the home page, and the slot 'Browse' 'saw inventory"and"wish list ". I want users to be able to access the sub through the menu item "Browse" items but does not allow users to open "Browse."
I would like suggestions.
Thank you
Iain

Just put a # where otherwise the URL would go as a
```
Browse
```
GRAMPS

Text in bold Safari causing problem with the Spry menu bar

I made a web site using a Spry menu bar. It worked fine in all browsers, as far as I knew. I was just alerted by owner esite th that the menu bar was the last link off position seen in Safari. I don't know when this started happening. I noticed that the text in Safari is more bold than firefox or IE. My guess is that this is the problem. I searched on google for help and found this
Add-text-shadow: 0 0 0 #000; to the css.
I tried but it don't seem to have any effect.
the site is here:
http://www.telluridegravityworks.com/
Can anyone offer advice on how I might solve this problem? Thank you!

I don't see the problem under Win 7/Safari (guess it's a question of Mac) but I see it in Win 7/IE9.

In the CSS file, http://www.telluridegravityworks.com/css/gravity-works-winter.css

set the width of the container navbar fix here

{#nav - menu
Width: 455px; / * adjusted to 445px * /.
padding: 0px;
overflow: hidden;
float: left;
margin left: 515px;
}

alignment of the Spry menu in internet explore

Hey, it's the preview version of my site
http://jensendesigns.co.UK.34spreview.com/index.html
for some reason in internet explorer, the spry menus at the top of the page bar aligns with the left instead of the right as it does in firefox and safari, can someone help me solve this problem?
A simple answer would be useful as Im not very hard with the jargon of the code.

Hi this forum post I sent you suggest wrapping the menu in a div, right made sail and then floating the elements of list on the left to sort the order of the links menu. its all there in the post above.

-James

http://www.dreamweavertutorial.co.UK

Text has different 'weight' in the Spry Menu

Here's the url: http://davidcoshdesign.com/NEA/
If you go to 'Lighting' > functional you will see the text looks rather vague in the second submenu.
In addition, the "Audio" submenus and control ' look different from those of "lighting".
Clues, received with gratitude. Can't wait for "Muse" to take off!
RP

{Here's your problem: close the css with support selector} which is currently absent and comment text-indent and word-spacing (as shown below)

#navigation {}

do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

do-size: 9px;

height: 29px;

Width: 450px;

float: right;

margin: 0px;

text-decoration: none;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

position: relative;

right: 37px;

top:-50px;

color: #FFF;

text-align: left;

/ * text-indent: 15px; * /

padding-top: 21px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

/ * word-spacing: 27px; */

Remove the following css that appears after the above selection

UL. MenuBarHorizontal {}

text-align: left;

}

Setting the text to 9px is much too small and appears distorted but it's your call... personally I would have put at least 11px.

UL. MenuBarHorizontal

{

padding: 0;

list-style-type: none;

do-size: 9px;

cursor: default;

Width: 450px;

float: right;

margin-top:-8px;

right margin: 0;

margin-bottom: 0;

left margin: 0;

do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

make-style: normal;

color: #FFF;

text-decoration: none;

}

Comment the padding-right and padding-left (as shown below), otherwise the text will be on the side.

UL. MenuBarHorizontal a

{

display: block;

cursor: pointer;

background-color: #6C777D;

color: #FFF;

text-decoration: none;

text-align: center;

padding-top: 7px;

/ * padding-right: 12px; * /

padding-bottom: 7px;

/ * padding-left: 0px; * /

}

The Spry Menu text alignment

Similar Questions

Maybe you are looking for