Directly underneath "Margin", uncheck the tick in the "Same for all" checkbox. Look for the word "Margin" in the dialog box. Then click the down arrow on the drop down box beside "px" and select "%" (or whatever unit of measurement you want). Delete the word "auto" in the field, and enter your new
CREATE NAVIGATION BAR IN DREAMWEAVER CS6 TRIAL
Stop you from using trial and error to find an appropriate value.Īnyway, once you've decided on an appropriate width, click the field beside the word "Width". Like 80%, and then if you find that it is unsuitable, simply return to this dialog and enter a new number. You can start by entering an arbitrary number That is, your decision is not set in stone. Note that you can always change your mind later. Your web page (or column, if you are using a multi-column web page)
In spite of that however, you will still have to make a decision about how much space you want the menu to occupy on your web page.įor example, you may decide that you want your horizontal menu to occupy, say, 400 pixels. To the text that is displayed in the menu, so if you modify the text on the menu, the width will increase or decrease. And measuring the width of the menu isn't practical, since the width will change according I know you don't know how wide the menu is yourself. To force the browser to centre the menu, you need to specify how wide you want the menu to be. The browser will simply leave the unused space to the right blank. If the menu does not need the entire width of the page (or column), Wide your menu needs to be and display the menu accordingly, from left to right. This means that when your web page is published, the web browser will automatically compute how Your dialog box should show a field labelled "Width", with a value of "auto". Click the "Cancel" button, and retry the above steps again. If the title does not say the rule is for "ul.MenuBarHorzontal", it's possible that you've not clicked the correct spot The title of the dialog box (in Dreamweaver CS4) should begin with the words "CSS Rule Definition for ul.MenuBarHorizontal in"įollowed by a filename. (For example, doubleclick the word "width" if you don't know where on the line to click.)Ī dialog box should appear. It's probably the last line in that pane.ĭoubleclick that line. (You first encountered the CSS STYLES panelĭrag the scroll bar (if any) in the CSS STYLES panel up and down to find the line "width auto". If by doing so, you inadvertently collapsed the panel instead, doubleclick it again to expand it. That is, doubleclick the "CSS STYLES" tab on the rightmost column of Dreamweaver It doesn't matter what number it shows.) Click the blue caption.Įxpand the CSS STYLES panel on the right side of Dreamweaver. Your page, the caption may give a number other than "MenuBar1". (Note: if you have more than one menu bar on Move your mouse over the menu bar until you see the highlighted blue caption "Spry Menu Bar MenuBar1". It doesn't matter if your page is a one, two or three column website. Open the page containing your horizontal menu bar in Dreamweaver.
CREATE NAVIGATION BAR IN DREAMWEAVER CS6 HOW TO
How to Centre the Horizontal Spry Menu Bar in Dreamweaver The Guide will take you through all the steps needed to design your own site in a systematic way, and is more relevant than this tutorial. How to Create / Make a Website: The Beginner's A-Z Guide. Technical, dealing with the nitty-gritty of using "raw" Cascading Style Sheets, it may help you figure out what you need to do toįor those of you who are lost, and have arrived here looking for more information on how to design your own website, please start by reading the article If any of the above is not true, you should instead read the tutorial You have inserted a horizontal menu using the "Insert | Spry | Spry Menu Bar" menu item in Dreamweaver (any version) and I suspect it is similar, if not identical, for the Note, though, the description of the procedure below is for CS4. Versions of Dreamweaver do not have the Spry framework menu facilities, so this tutorial does not apply to those using Should work too, provided you're using the Spry framework menu in those versions. You are using either Dreamweaver CS3 or CS4. To make sure that we are all on the same wavelength, let me state my assumptions:
Using Dreamweaver and found that they could not get it to work on a horizontal menu. How to Centre a Horizontal Navigation Menu Bar in DreamweaverĪ number of visitors have asked me how they can centre
0 kommentar(er)
