Computers & Internet Logo

Related Topics:

Anonymous Posted on Nov 18, 2008

Dreamweaver 8 Navigation menus appearing under page text!!

I have created a navigation menu using dreamweaver, it works fine, but when I hover and the drop down menu appears, the text on my actual web page appears over the top of the drop down menu text making it unreadable and unusable.

The text on my page is in a layer (so that i can position it where I want)

Is there a way to solve this?

  • 1 more comment 
  • Anonymous Nov 26, 2008

    Are you able to help me firx this?

  • Anonymous Nov 27, 2008

    Have you tried changing the z-index on all your css to 6 so that those layers are behind the menu layer?



    I dont understand this. The menus aren't in a layer I don't think? I think I did try to put them in a layer to see if I could do that but I dont think it worked.

  • Cosma Papouis
    Cosma Papouis May 11, 2010

    Can I see your code.



    Is this on a visible website? in which case can I have the URL



    Thx

×

2 Answers

Cosma Papouis

Level 3:

An expert who has achieved level 3 by getting 1000 points

All-Star:

An expert that got 10 achievements.

MVP:

An expert that got 5 achievements.

Master:

An expert who has achieved Level 3.

  • Master 409 Answers
  • Posted on Nov 26, 2008
Cosma Papouis
Master
Level 3:

An expert who has achieved level 3 by getting 1000 points

All-Star:

An expert that got 10 achievements.

MVP:

An expert that got 5 achievements.

Master:

An expert who has achieved Level 3.

Joined: Oct 02, 2008
Answers
409
Questions
2
Helped
116946
Points
1164

Have you tried changing the z-index on all your css to 6 so that those layers are behind the menu layer?

  • Cosma Papouis
    Cosma Papouis Nov 26, 2008

    I am taking a deeper look at it in case my previous fix does not work

  • Cosma Papouis
    Cosma Papouis Nov 27, 2008

    Could you zip it up and send it to [email protected]  I have got most of the site to play with, but some bits will not come down.


    Thanks

×

Anonymous

Level 1:

An expert who has achieved level 1.

  • Contributor 1 Answer
  • Posted on Nov 19, 2008
Anonymous
Contributor
Level 1:

An expert who has achieved level 1.

Joined: Nov 18, 2008
Answers
1
Questions
1
Helped
160
Points
1

Hi,

Thanks, I just uploaded it using ftp so you can see it:
http://www.egoproductions.co.uk/tempsioned/

If you click on weddings - there is more content and if you hover over 'styles' you see the drop down appearing under the text.

This was all created in dreamweaver 8. I can set the large picture to be a background in the table cell (instead of having the image as content of the cell), and then just have the text in the cell, that might work (not tried it yet, because I want to solve this rather than do a workaround that will restrict me with other things I want to do - I need to use frames for those other things)

Many thanks!
VIcki

Ad

Add Your Answer

×

Uploading: 0%

my-video-file.mp4

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

×

Loading...
Loading...

Related Questions:

1helpful
1answer

Is Dreamweaver MX 2004 bilingual? I want to write my website text in both English and Welsh often on the same page, I am unable to find the accents/symbols needed for Welsh words. ie the Welsh for "Dogs"...

Dreamweaver is just software to build a web page/site. If you want your web page/site to show Welsh characters, you have to code the characters. A list of HTML codes for different characters can be found here: http://www.ascii.cl/htmlcodes.htm Using the Split or Code views, you can type in the HTML code for any character and it will display the character on a web page.
Hope this helps!
0helpful
1answer

I have a Power Mac desktop running Snow Leopard. I just upgraded from Dreamweaver 8 to Dreamweaver CS4. I start a new html page and enter some text in the body. Now when I bold or italicize any of the...

Hi
Check by creating a new user account in your Mac.
and check the application.
http://docs.info.apple.com/article.html?path=Mac/10.5/en/8235.html

As you have the snow leopard.
Download the trial version of the DW CS4 online and check the application.
It its working fine Activate the product




0helpful
2answers

How to download free dreamweaver in my machine?

use frontpage software coming along with MS office..
0helpful
1answer

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
0helpful
1answer

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>


0helpful
1answer

Problem of creating the master page in asp.net vb

Hi galondhe
I'm sorry It's not that clear what your problem is.
In Dreamweaver you save the page as a template which you can then apply to subsequent pages. Are you creating the asp.net page with all the data in it, then saving as a template?

Visual web developer uses master pages. You can always create the page in Dreamweaver and then take it into VWD to create your master.

I need a little more info to be able to help you.
0helpful
2answers

Drop down menu

u can use sothink menus. A ready to use utility
0helpful
1answer

Dreamweaver CS3

Import Microsoft Office documents (Windows only) You can insert the full contents of a Microsoft Word or Excel document in a new or existing web page. When you import a Word or Excel document, Dreamweaver receives the converted HTML and inserts it into your web page. The file’s size, after Dreamweaver receives the converted HTML, must be less than 300K.
Instead of importing the entire contents of a file, you can also paste portions of a Word document and preserve the formatting.
Note: If you use Microsoft Office 97, you cannot import the contents of a Word or Excel document; you must insert a link to the document.
  1. Open the web page into which you want to insert the Word or Excel document.
  2. In Design view, do one of the following to select the file:
    • Drag the file from its current location to the page where you want the content to appear.
    • Select File > Import > Word Document or File > Import > Excel Document.
  3. In the Insert Document dialog box, browse to the file you want to add, select any of the formatting options from the Formatting pop-up menu at the bottom of the dialog box, and then click Open. Text Only Inserts unformatted text. If the original text is formatted, all formatting will be removed.
    Text With Structure Inserts text that retains structure, but does not retain basic formatting. For example, you can paste text and retain the structure of paragraphs, lists, and tables, without retaining bold, italics, and other formatting.
    Text With Structure Plus Basic Formatting Inserts both structured and simple HTML-formatted text (e.g., paragraphs and tables, as well as text formatted with the b, i, u, strong, em, hr, abbr, or acronym tag).
    Text With Structure Plus Full Formatting Inserts text that retains all structure, HTML formatting, and CSS styles.
    Clean Up Word Paragraph Spacing Eliminates extra space between paragraphs when you paste your text if you selected Text With Structure or Basic Formatting. The contents of the Word or Excel document appear in your page.
Source: Dreamweaver CS3 Help
0helpful
2answers

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
Not finding what you are looking for?

170 views

Ask a Question

Usually answered in minutes!

Top Macromedia Computers & Internet Experts

Brad Brown

Level 3 Expert

19187 Answers

ExpressFiX
ExpressFiX

Level 2 Expert

691 Answers

Rob Hill
Rob Hill

Level 3 Expert

1480 Answers

Are you a Macromedia Computer and Internet Expert? Answer questions, earn points and help others

Answer questions

Manuals & User Guides

Loading...