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)
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.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.
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)
- If you need clarification, ask it in the comment box above.
- Better answers use proper spelling and grammar.
- Provide details, support with references or personal experience.
Tell us some more! Your answer needs to include more details to help people.You can't post answers that contain an email address.Please enter a valid email address.The email address entered is already associated to an account.Login to postPlease use English characters only.
Tip: The max point reward for answering a question is 15.
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!
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
Load your index.html page as before. That is, doubleclick the file in the Files pane in the right column.
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.
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.
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.
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.
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).
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".
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
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".
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>
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.
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.
Open the web page into which you want to insert the Word or Excel document.
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.
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.
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
Are you able to help me firx this?
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.
Can I see your code.
Is this on a visible website? in which case can I have the URL
Thx
×