Question about Adobe Dreamweaver CS3 ( Windows ) for PC (38040335)

1 Answer

I'm working in Dreamweaver (cs5). I'm new to ajax/spry and trying to learn by doing.. I want to create a spry menu where, when the user mouses over a button, a menu pops down below it with IMAGES (not text). How do I do that?

Posted by on

1 Answer

  • Level 1:

    An expert who has achieved level 1.

    All-Star:

    An expert that got 10 achievements.

    MVP:

    An expert that got 5 achievements.

    Vice President:

    An expert whose answer got voted for 100 times.

  • Contributor
  • 857 Answers

To insert a Spry menu, first open the Spry Insert Bar at the top of the workspace by clicking on the Spry Tab, or choosing Spry from the Insert Bar drop-down list. Place your cursor where you want to create the menu in your Web page, and then click on the Spry Menu Bar icon.
Choose Horizontal or Vertical You can use the Spry Menu Bar option to create a menu that displays horizontally across your page with sub-menu options that drop-down below the menu bar. Or you can create a Vertical Menu Bar with sub-menu options that open to the right of the main menu items. Make your selection by clicking on the corresponding radio button and then click OK to insert a generic menu bar into the page. Once the menu bar is inserted, you can customize it by changing the text, colors, fonts, and other options.
Adjust Alignment The format of a Spry menu is controlled by CSS. When your page with is saved Dreamweaver automatically creates a new CSS file and saves it in a new folder it created named"SpryAssets." That folder is really important, don't rename and make sure you upload it when you publish your files. It contains the CSS style sheet and other files required for yourSpry menu item.
Thus, to alter the appearance, you need to edit the CSS definitions in that CSS file. By default, the horizontal menu aligns to the left of the page, but you can easily align it to the right instead by changing the definition of the corresponding style. To change the alignment, you’ll need to change the Float setting. Start by selecting the style named: ul.MenuBarHorizontal li in the CSS Panel and in the Properties pane below it, click just to the right of the Float field and use the drop-down list to select right instead of left.

Posted on Jun 02, 2010

1 Suggested Answer

6ya6ya
  • 2 Answers

SOURCE: I have freestanding Series 8 dishwasher. Lately during the filling cycle water hammer is occurring. How can this be resolved

Hi,
a 6ya expert can help you resolve that issue over the phone in a minute or two.
best thing about this new service is that you are never placed on hold and get to talk to real repairmen in the US.
the service is completely free and covers almost anything you can think of (from cars to computers, handyman, and even drones).
click here to download the app (for users in the US for now) and get all the help you need.
goodluck!

Posted on Jan 02, 2017

Add Your Answer

Uploading: 0%

my-video-file.mp4

Complete. Click "Add" to insert your video. Add

×

Loading...
Loading...

Related Questions:

1 Answer

Someone give a serial number for adobe dreamweaver? i cant install without the serial number so please anyone hlep me?


this is the serial for dreamweaver 8 if it doesnt work kindly tell the dreamweaver model like cs5 or others wpd800-58436-27232-80204 vote me if it is helpful!

Sep 21, 2011 | Computers & Internet

1 Answer

From where can i get the serial number for adobe dreamweaver cs5 in free?


Adobe Dreamweaver CS5 serial number


1192-1481-1409-8207-1096-0686

Apr 16, 2011 | Adobe Dreamweaver CS5

1 Answer

How can i get a dream weaver cs5 serial number for free


just pray Our Father(10x).. then go to your bed and try to kiss your ****.. if you did it.. open your computer and you got it.. cs5 serial key

Jan 06, 2011 | Adobe Dreamweaver CS3 ( Windows ) for PC...

1 Answer

How to create drop down menus by using the Flash CS3


You can make it in Frintpage or DreamWeaver or maybe manually in HTML.Check these links for each one:
Making Drop-down menu in HTML: http://www.hypergurl.com/dropmenu.html
http://www.daniweb.com/code/snippet234.html
http://www.2createawebsite.com/build/html.html
http://www.thehtmltag.com/htmldropdownlist.html

Making Drop-Down menu by Frontpage: http://www.dreamweavercoldfusion.com/frontpagedropdown.html
http://www.tutorialized.com/tutorial/How-to-Create-a-Drop-Down-Menu-in-Frontpage/33688
http://www.hypergurl.com/fpeforms.html

Making Drop-Sown menu by Dreamweaver: http://webdesign.about.com/od/dreamweaverhowtos/ig/Dreamweaver-Drop-Down-Menus/
http://www.rel7star.dk/tutorial/
http://www.informit.com/articles/article.aspx?p=29835
http://www.webdeveloper.com/forum/showthread.php?t=101474
http://www.bestechvideos.com/2008/06/11/wdtv-episode-11-create-a-drop-down-menu-in-dreamweaver-cs3

You can Also create it by CSS coding: http://www.seoconsultants.com/css/menus/tutorial/
http://tutorials.alsacreations.com/deroulant/
http://www.evolt.org/article/How_to_make_a_simple_CSS_dropdown_menu/17/52030/
http://docs.joomla.org/Creating_a_CSS_Drop_down_Menu

Hope they could help you Good luck

Mar 16, 2009 | Adobe Photoshop CS3 10

1 Answer

Macromedia dreamweaver to crate menu bar


  1. Load your index.html page as before. That is, doubleclick the file in the Files pane in the right column.
  2. Locate your existing navigation menu, which at this time merely consists of a series of links to your home page, About Us page, Contact Us page and the Site Map. Select them and delete them. We will be completely replacing them in this chapter.
    1. Make sure that the blinking text cursor is currently in the side bar. If it is not, click somewhere in the side bar. Now click "Insert | Spry | Spry Menu Bar" from the menu. That is, click the "Insert" menu, then the "Spry" item on the menu that appears, and finally on "Spry Menu Bar" on the submenu that appears.
    2. A dialog box will appear asking you whether you want a horizontal menu bar or a vertical one. Since we are placing the menu bar in the left column, we want a vertical menu bar. Select the "Vertical" option and click OK.
    3. A default menu bar will be inserted into your side bar. If you look at the Properties pane at the bottom of your Dreamweaver window, you will see that the text and links for menu items are displayed there.
    4. Select "Item 1" by clicking on it, if it is not already selected. In the "Text" box, replace the words "Item 1" with "Home" (without the quotes). Replace the default "Link" text of "#" with "index.html" (without the quotes).
    5. By default Dreamweaver created a submenu for your menu. We don't need one, so we will need to delete it. Select "Item 1.1". Directly above "Item 1.1" are two buttons "+" and "-". Click the "-" item to delete Item 1.1. Do the same for "Item 1.2" and "Item 1.3".
    6. Now do the same with the other items, replacing the text with the appropriate words for your site, and the links with the actual page names. If there are submenus, delete them as you did for Item 1. For your convenience, the replacement text and links are reproduced below from chapter 3. Note that Item 3 has a three-level menu system. Delete all submenus (item 3.1.1, 3.1.2, 3.1, 3.2, 3.3) - we won't need them.
      • Text: About Us, Link: aboutus.html
      • Text: Contact Us, Link: feedback.html
      • Text: Site Map, Link: sitemap.html
    7. Click "File | Save". A dialog box will pop up telling you that certain files have been added to your site, and that these files will need to be uploaded. Click "OK".
    8. Now upload the page to your website using "Site | Put" and check the results in your browser. Hover your mouse over your menu buttons, and you will see that they change colour.
    Customizing the Spry Framework's Menu Bar Widget While adding the Spry Framework's navigation menu bar to your web page is a simple procedure under Dreamweaver, customizing it is, however, another cup of tea. There is no built-in method to do so under Dreamweaver's user interface. You will have to do it manually.
    The fastest way to do this is to do it via Dreamweaver's "Code" view.
    Dreamweaver has two basic ways you can work on your website. So far, you have been creating your site using the "Design" view. The "Design" view allows you to work on your web page using the What-You-See-Is-What-You-Get (WYSIWYG) editor - that is, as you create your web page, you basically see the page as a visitor would when they visit your website.
    The "Design" view hides the real code, the HTML and CSS code, that Dreamweaver generates for your website. This code, the "raw" code, if you will, is the actual content that is uploaded (published) to your website. When your visitor loads your web page, the browser takes the "raw" code and displays it according to the instructions given in the "raw" code.
    To customize the Spry Framework's menu bar widget, you will be using Dreamweaver's facility for viewing this "raw" code for your website. Even if you find the menu bar widget satisfactory at the moment, you should still take the following steps to familiarize yourself with Dreamweaver's "Code" view. You will be using the Code view in a future chapter to insert your feedback form code.
    To switch to the "Code" view, click "View | Code" from the menu. Instead of the web page that you are accustomed to viewing, you will now see the "raw" HTML code for that page. If you scroll up and down the page, you should be able to see your content amidst other characters. These other characters, things like "<p>" and the like, are the formatting code that tells the browser how it should render your page.
    Centering the Menu Bar Scroll to the top of the index.html file in "Code" view. Locate the text "</head>" (without the quotes) somewhere near the top of the file. Place your cursor just before "</head>" on the same line. Hit ENTER (or RETURN) to insert a blank line. When you do this, the entire line with "</head>" should move downwards, creating a new blank line. Move the cursor to the blank line.
    Now copy the text from the box below and paste it into the blank line you just created in Dreamweaver. To copy the text, select all the text in the box with your mouse, click the right mouse button (or if you use Mac OS X, hold down the Control key on the keyboard and click the mouse), and select Copy from the menu that appears. To paste it into Dreamweaver, switch to the Dreamweaver window. Make sure that your text cursor is in the correct location (in the blank line above the word "</head>"). Select "Edit | Paste" from the menu. <style type="text/css">
    ul.MenuBarVertical
    {
    margin: 0 auto ;
    width: 8em;
    }
    </style>


Jan 22, 2009 | Macromedia Dreamweaver MX 2004

2 Answers

Adobe dreamweaver does not start


Try to disabled unwanted started items & services from msconfig.

Try to launch it in a new account.

Oct 30, 2008 | Adobe Dreamweaver CS3 ( Windows ) for PC...

2 Answers

How to make up a design using the dreamweaver?


Macromedia Dreamweaver for the first time, or on a new site for the first time, you need to define the Web site so that Dreamweaver can work with it. This process includes naming the site, placing the local files on a directory on your hard drive, and showing Dreamweaver where those files will be published on the Web. Follow these easy instructions to define a new Web site for Dreamweaver .

First, you should go to the "Site" menu and choose "Manage Sites".
As you can see from the image below, this will open a dialog window. Choose "New Site" from the "New" button.

Open Dreamweaver and Start the Site Definition Wizard
Name Your Site

Using Server Technologies on Your Dreamweaver Site
Where Should You Edit Your Dreamweaver Site Files
Defining Access to Your Dreamweaver Site
Always Test Your Connection
Site Check-out and Check-in with Dreamweaver
Review Your Site Definition
Your Site Now Appears in the Manage Sites Window
Start Editing Your Files in Dreamweaver

Oct 11, 2007 | Macromedia Dreamweaver MX 2004

Not finding what you are looking for?
Adobe Dreamweaver CS3 ( Windows ) for PC (38040335) Logo

Related Topics:

35 people viewed this question

Ask a Question

Usually answered in minutes!

Top Adobe Computers & Internet Experts

kakima

Level 3 Expert

102366 Answers

Les Dickinson
Les Dickinson

Level 3 Expert

18387 Answers

lemesee

Level 2 Expert

14 Answers

Are you an Adobe Computer and Internet Expert? Answer questions, earn points and help others

Answer questions

Manuals & User Guides

Loading...