Sunday, April 4, 2010

DW cs4 spry menu in my page template

I created template for my web pages and would like to have the menu also in the page template. Is it possible?

If so, what is the easiest way to do it...easier than this http://livedocs.adobe.com/en_US/Spry/SDG/index.html?lang=en_US

Thanks!

DW cs4 spry menu in my page template

Easier than the instruction manual?

To answer your question, yes you can do this. Just put the Spry menu in your template and save.

DW cs4 spry menu in my page template

No, I meant easier than the method ''explained'' in the link I provided....

I am still fighting with this issue.

I have a template for my web page with an editable region where my menu should be.

I have my spry menu in an html page also have it saved as template

I read to drag the assets in the template where it should go but it did not work.....any simple way to have a template page with the template spry menu where it should be?

I have done some progress since my last post.

Now I have a real spry menu with three levels working like a charm, in an html file.

I found out how to move it to my main page but different levels don't show anymore.

Here is the code of the page with the menu and the beginning of the

%26lt;!DOCTYPE html PUBLIC ''-//W3C//DTD XHTML 1.0 Transitional//EN'' ''http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd''%26gt;
%26lt;html xmlns=''http://www.w3.org/1999/xhtml''%26gt;
%26lt;head%26gt;
%26lt;meta http-equiv=''Content-Type'' content=''text/html; charset=utf-8'' /%26gt;
%26lt;title%26gt;Untitled Document%26lt;/title%26gt;
%26lt;link href=''../basetemplatepage.css'' rel=''stylesheet'' type=''text/css'' /%26gt;%26lt;!--[if IE]%26gt;
%26lt;style type=''text/css''%26gt;
/* place css fixes for all versions of IE in this conditional comment */
.twoColHybLtHdr #sidebar1 { padding-top: 30px; }
.twoColHybLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it may need to avoid several bugs */
%26lt;/style%26gt;
%26lt;![endif]--%26gt;
%26lt;link href=''SpryMenuBarHorizontal.css'' rel=''stylesheet'' type=''text/css'' /%26gt;
%26lt;script src=''SpryMenuBar.js'' type=''text/javascript''%26gt;%26lt;/script%26gt;
%26lt;/head%26gt;

%26lt;body class=''twoColHybLtHdr''%26gt;

%26lt;div id=''container''%26gt;
?%26lt;div id=''header''%26gt;
?%26lt;h1%26gt;%26lt;img src=''../helpingyou-header.jpg'' width=''555'' height=''92'' longdesc=''../helpingyou-header.jpg'' /%26gt;%26lt;br /%26gt;
?%26lt;/h1%26gt;
?%26lt;/div%26gt;%26lt;ul id=''MenuBar1'' class=''MenuBarHorizontal''%26gt;
?%26lt;li%26gt;%26lt;a class=''MenuBarItemSubmenu'' href=''#''%26gt;Portraiture%26lt;/a%26gt;
?%26lt;ul%26gt;
?%26lt;li%26gt;%26lt;a href=''#'' class=''MenuBarItemSubmenu''%26gt;Family Portrait%26lt;/a%26gt;
?%26lt;ul%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Portrait On Location%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Previews%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Gallery%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Retouching%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;A La Carte prices%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Custom Cards%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;/ul%26gt;
?%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#'' class=''MenuBarItemSubmenu''%26gt;Children%26lt;/a%26gt;
?%26lt;ul%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Kindergarten%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Previews%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Gallery%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Packages%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Custom Cards%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;/ul%26gt;
?%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#'' class=''MenuBarItemSubmenu''%26gt;HS Seniors%26lt;/a%26gt;
?%26lt;ul%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;It's about You%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Previews%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Gallery%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Be at your Best%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Packages%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Custom Cards%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;/ul%26gt;
?%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#'' class=''MenuBarItemSubmenu''%26gt;Executives%26lt;/a%26gt;
?%26lt;ul%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Head Shots%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Previews%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Gallery%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Prices%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Business Cards%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;/ul%26gt;
?%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#'' class=''MenuBarItemSubmenu''%26gt;Pets%26lt;/a%26gt;
?%26lt;ul%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Pets Session%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Previews%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Gallery%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Prices%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;/ul%26gt;
?%26lt;/li%26gt;
?%26lt;/ul%26gt;
?%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#'' class=''MenuBarItemSubmenu''%26gt;Weddings%26lt;/a%26gt;
?%26lt;ul%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Your Wedding Day%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Previews%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Gallery%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Registry%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Be at your Best%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Collections%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;/ul%26gt;
?%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a class=''MenuBarItemSubmenu'' href=''#''%26gt;Events%26lt;/a%26gt;
?%26lt;ul%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Sports%26lt;/a%26gt;?%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Prom-Dance%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Others%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;/ul%26gt;
?%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Through my eyes%26lt;/a%26gt;?%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Bio%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Contacts%26lt;/a%26gt;%26lt;/li%26gt;
?%26lt;li%26gt;%26lt;a href=''#''%26gt;Links%26lt;/a%26gt;%26lt;/li%26gt;
%26lt;/ul%26gt;
?%26lt;div id=''header2''%26gt;
?%26lt;h1%26gt;
?%26lt;!-- end #header --%26gt;

%26lt;/head%26gt;

%26lt;body%26gt;
%26lt;h1%26gt;%26lt;img src=''../grey-bande.jpg'' width=''811'' height=''36'' alt=''greybande'' /%26gt;%26lt;br /%26gt;
?%26lt;/h1%26gt;
?%26lt;/div%26gt;
?%26lt;div id=''sidebar1''%26gt;
%26lt;h3%26gt;debar1 Content%26lt;/h3%26gt;
?%26lt;p%26gt;The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if the #mainContent div will always contain more content than the #sidebar1 div. %26lt;/p%26gt;
?%26lt;p%26gt;Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque?eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend?sollicitudin, molestie id, varius et, nibh. Donec nec libero.%26lt;/p%26gt;
?%26lt;!-- end #sidebar1 --%26gt;%26lt;/div%26gt;
%26lt;div id=''mainContent''%26gt;
?%26lt;h1%26gt; Main Content %26lt;/h1%26gt; to the end.............

Could it be %26lt;body class=''twoColHybLtHdr''%26gt; instructions that causes the problem?

Thanks in advance.

Testing the page, I have an expanding box problem....need to find the solution

A little guidance to find the appropriate answer would be appreciated........Alloooooooo?

No comments:

Post a Comment