issue of navigation menu bar

I don't know why I have a problem with a fundamental part of building a Web site, namely, a simple navigation bar. I'm still a beginner. The navigation bar, I'm doing is based on text only, no images, no menu drop down submenus. My question: how to make the text in the menu space itself apart evenly? I studied a few Web sites on the net, has studied the CSS code applied, and again I have a problem. Some designers use html bulleted list and force it to cross horizontally (the CSS to do that I found to turbulent). Another has the menu in a simple 'p' or 'paragraph' tag. Another in the div tag Another put in a table. I've had better progress put them in a table, but they did not always space themselves apart evenly. I put them in a simple "div" tag in this example: http://freywine.com/freywine/example/

As you can see, the menu nav is pretty scrunched up together.

I would like the button on the left (the 'HOME' key) to go all the way to the left (except on a 10 px padding I can easily put in). Same thing for the "DÉTAILS" button to the right all the way to the right. Everything else would be spaced evenly.

What is the way faster and easier to do these menus?

Thank you!

I found the answer here: http://nopeople.com/design/CSS%20tips/index.html

Tags: Dreamweaver

Similar Questions

  • Should what kind of navigation menu bar I do for my website

    My site is to start a giant tree that I created in Illustrator and I want to spread over the entire tree navigation an idea I had was a tag like the kind they used to attach to your luggage with string made of paper, I really don't want the words just sitting in the tree either, it looks too boring. I tried to make the larger leaves, but I don't like this idea either it seems irrelevant. Should what kind of Menu bar I do for the site?

    design decisions, like beauty, is your call.  but, if you like the idea of leaves and a navigation system that is not particularly easy to use, create a few leaves in your tree that stand out any.  they may not be big and certainly not large enough to display their text.  but the passage of the mouse, they could expand and see their text.

  • Spry navigation menu bar

    Hello

    I have a model downloaded from a Web site, that I am editing in dreamweaver. Because menus are already created, I tried to add a spry navigation menu to one of them. Now, I placed the cursor where I need the navigation menu, I chose, insert > spry > bar menus spry now I get a message "dreamweaver does not insert a menu bar in a list.please insert it somewhere else"

    I think that the problem lies in the menu bar that is already created? are there ways I can create the navigation bar on the same menu that is already created, because it is very convinient as it is already made.please help.

    Thank you

    Ayaz,

    I'd say you're better to remove the old menu and replace it entirely with the new Spry Menu :-)

    I think it would be too difficult to try to integrate the two - unless you are very familiar with CSS and Spry.

    --

    Nadia

    Adobe® Expert community: Dreamweaver

    http://Twitter.com/nadiap

    --------------------------------------------------

    Unique templates CSS | Tutorials | SEO articles

    http://www.DreamweaverResources.com

    --------------------------------------------------

    Book: Ultimate CSS reference

    http://www.SitePoint.com/launch/005dfd4/3/133

  • Dropdown Navigation menu bar

    How to create a pull down menu in Adobe Muse navigation bar?  I have to use another program CC to create it, and then insert it into the Muse?

    Hello

    When you say that the drop-down menu navigation bar, are you referring to the submenus? If Yes, can you please check if the step listed in the following post solves the problem for you: http://forums.adobe.com/message/5935269#5935269

    I hope this helps.

    See you soon

    Parikshit

  • Issue of navigation Menu

    Hi all

    I just started using Muse of re - designing a company Web site. Loving the experience to as having very minimal web knowledge.

    My question is, are you able to have 2 navigation menus. I would like to reproduce this, but with graphics updated etc. Attached image.

    Any help would be great.

    Thank you all.

    Screen Shot 2013-01-21 at 12.19.37.png

    Hi Jon

    I had the same problem with the menus. I made a simple video (no audio). http://screencast.com/t/WjAqiyCgq

    I hope this helps you with your problem.

    Greetings André

  • Main navigation menu

    It makes me batty. Is there a way to link a main navigation menu bar button to a Web page instead of an internal page of outside? Help is appreciated!

    Yes, just make manually the bar menus yourself!

    You can add items by clicking with the right button-> Insert item...

    and hyperlinks assigned to each of them by selecting them typing the address in the "Hyperlink" field above:

    I hope this helps!

  • How can I combine the navigation bar and the menu bar on the same line to save space?

    V29 Firefox seems to be a huge not backward in customization. I need to save room for the content so already I disabled the tabs and combined in the menu bar and the navigation bar on the same line. The url space is too long anyway. Now with v29 all my customization is gone and I can't get it back. I can move me is more points on the navigation bar to combine it with the menu bar. Why this was done? It limits only my ability to customize my browser? I'm very frustrated that you had a great browser and ruined.

    You should see Classic theme restaurateur, it contains many parameters. This module applies to customize Firefox 29. https://addons.Mozilla.org/en-us/Firefox/addon/classicthemerestorer/

  • (1) the background & menu bar tabs / unused replaced by same blue color, making navigation difficult. Help to change it back?

    XP with SP3 and updates.

    Installed newest Firefox update 29 & have 2 new problems.
    

    (1) the background & menu bar tabs / unused replaced by same blue color, making navigation difficult. Any help on how to change their return?
    (2) Firefox now runs incredibly slow.
    ddbob

    Hi supmozilla, if you are interested in making the background more visible tabs, you can view these custom style rules that I posted:

  • I lost the menu bar, navigation line arrows address, etc. on Yahoo. Running windows 7, but with a mac (no 'alt' key) keyboard. How to restore?

    I lost the address field, the Menu bar, the navigation arrows. I can't restore by using the "Alt" key that I use a Mac keyboard. "option" key has no effect.

    Make sure that you are not running Firefox mode full screen with all the hidden toolbars.

    • Press F11 to toggle mode full screen (file/Firefox > fullscreen)

    If the menu bar is hidden, then press the F10 key or hold down the Alt key, which should make the convening of menu bar.

    Make sure the toolbars like the toolbar 'Navigation' and the 'personal bar' are visible: "view > toolbars".

    • Is he missing elements then open the window customize via "view > toolbars > customize" or "Firefox > Options > toolbars" (Linux, Windows)
    • If a missing element is located in the toolbar palette and then bring her back in the window customize the toolbar
    • If you don't see an item on a toolbar and in the toolbar palette, then click on the "Restore default" button to restore the default toolbar set up.

    See also:

  • Toolbar - address bar: I can shorten? I've moved all the stuff of navigation bar in the menu bar (to save space), but I need to shorten the address bar, so it does not cover the Wolf/Moon icon. How can I do this?

    I just started using firefox (yesterday). I moved stuff navigation bar on the menu bar to make room for gameing toolbars, I want to add. Problem, the location bar covers, which is now part of the Wolf/moon picture that I would like to know. Can I set the length of the address bar not decide on his nose?

    today is... I'm exploring firefox... well! can do most of what I need to.

    Hello Cassandra.

    I'm not sure that I understand very well what is your problem, but have you tried to add the spaces of the view > toolbars > customize... screen?

    I hope that makes sense and it helps you to solve the problem.

  • Void / navigation Menu / integration issue of the e-commerce of the BC, please help!

    Hello

    sarahcosmetics.com is an e-commerce site, that I've developed by muse and British Colombia.

    I sectioned off sub categories form of pages which make correctly however my client recently asked me to add a submenu for navigating these pages at the top of the site.

    I currently have a link to the following pages: "Lips" 'eyes' and 'face' through hypertext links which I have incorporated into my muse projects 'page' products I was able to locate the appropriate links to my store via BC categories after setting up the shopping cart.

    It was to find work but my clients asked me to incorporate a dropdown under linking products to, 'Lips' "eyes" and "deal with" via the navigation menu.

    I thought it would be child's play I use a widget of grid of muse for the navigation menu that works very well on the other sites, however in this case, when I publish it links to these pages, it connects to my muse model pages for "Lips" 'eyes' and 'face' (who seem to have a different hyperlink) so no products are returned.

    I'm really need help to know what the difference is and how to get around this problem to properly set up the sub menu of navigation.

    Currently, the hypertext links this page works fine, http://www.sarahcosmetics.com/products.html

    So I guess you deleted the navigation sub under products menu.

    Includes pages 'Lips', 'Eyes' and 'Face' {tag_pagecontent} then they will appear under models when the site is published in British Colombia. In case you use the content of the tag, try to remove and insert content directly on the pages and then include in menu to main menu navigation link, it should work.

    If you still need help, then I suggest you to publish the site as a place to test new with all the links of the menu SUP to the title of the item in main menu of products, so that we can check on our end.

    Thank you

    Sanjit

  • The Spry menu bar navigation

    I am using the Spry menu bar and have several menu on my home page items that have incorporated under them. For example, I have an element of menu 'navigate' on the home page, and the slot 'Browse' 'saw inventory"and"wish list ". I want users to be able to access the sub through the menu item "Browse" items but does not allow users to open "Browse."

    I would like suggestions.

    Thank you

    Iain

    Just put a # where otherwise the URL would go as a

  • Browse
  • GRAMPS

  • No Images in the upper Navigation Menu (APEX 5.0)

    Hello!

    I have defined images for each entry in the navigation menu. When I select the position of the menu (in Details of User Interface) to 'Coast', the images are rendered.

    But if the Position of the 'Top' is slected, there is no Images at level 1. At level 2, there is error Images.

    Is this a known issue?

    Unbenannt.png

    Best regards!
    Janek

    Hi Janek,

    Unfortunately this bug in the "Menu Navigation above" model and we're already tracking with bug #21202884.

    But there is an easy solution for it.

    1. Go to the components shared-> models and copy the above 'Menu of Navigation' template and name it "my Menu of Navigation above.
    2. Change the new 'My Top Navigation Menu'
    3. Go to the region 'Sublist Entry'
    4. In the attributes 'sublist model running, running with sublist, associated elements associated with elements of the sublist', replace the placeholder #IMAGE # #ICON_CSS_CLASSES #.
    5. Go to components-> shared-> Desktop User Interface attributes
    6. In the region "Navigation bar", set the attribute 'List model' to 'my Menu of Navigation above.

    Please note that the top-level menu bar entries will NOT show an icon. Only the menu entries will display the icon.

    Concerning

    Patrick

  • How to change the width of the side Navigation Menu with Apex 5 universal theme

    We strive to implement new APEX 5, menu navigation vertical available in universal theme and major limitation, that we face here is the width of the side Menu bar and it seems fixed and we can not change that by changing all the model. can you please let us how we can do it without making major changes in theme templates.Apex5_sidenavigation_issue.PNG

    Thanks for the information of Kiran, but do not go for the shared components and we can save and make the current style Pebble theme it yourself (very cool feature) and regarding the issue I have with this custom style CSS not getting not properly applied is due to the incorrect configuration of services remains. and you can see in the page of the tab style of the universal theme, there is a CSS OUTPUT file Url parameter which is a JSON string (#THEME_DB_IMAGES #11918460990413349.css) and it will not work properly if we do not properly configure the rest services.

    I think I'm all set now, thanks for your help.

  • When I click on "View history" I completely lose the Firefox menu bar, I can't even quit the application without using a keyboard shortcut.

    The question describes all this: when I select "view history", the menu bar disappears, so I have no way of navigation, there is no arrow to the left, nothing. I quit Firefox, but only using the Mac keyboard shortcut. I can go back to a previous window only by moving the historic window and I can close this previous window - there is a button for this - but there is NOTHING that will allow me to change, or close, the historical window. My only option is to leave the program.

    Both of your corrections helped. The first reminded me that I could simply use command-W to close the library window, because it did not show a close"" button. But your second response on rename these two files really made the tour of Firefox back to his old self once more. Now, everything is back to normal. Thank you.

Maybe you are looking for

  • Remote App to Apple Watch invalid password

    I recently got a Apple Watch as a gift. I am configuring the Remote app with my iTunes and Apple TV. House sharing is enabled for all devices and they are all on the same network. Both iTunes and Apple TV see the watch. However when I try and enter i

  • BlackBerry Smartphones - help! I lost my contact list!

    Hope someone can help me - I'm sure that the solution is simple but I just can't understand it.  When I click on my address book icon it shows * no address * where previously it displays my entire address list.  I know they are always there because i

  • How to fix error of keaboard accent?

    I recently had a problem with accents on the keyboard. While pushing the key focus '´' as it seems two accents like this: "" "." " The effect is that it is impossible to create accents on letters like the 'e' or 'a '. (I can't show how it should be O

  • Sticker is worn off laptop so impossible to get the product key for Windows 7

    Original title: what is this windows - x 15-54456 I bought a laptop and dispelled sticker a lot so that it remains a key and windows code

  • problem launching After Effects on Mac OSX v10.10.1

    OS X 10.10.1 was officially launched today. After update, I removed and reinstalled the effect consecutive cc 2014 using the creative cloud desktop application. Tried to run, but it didn't.Dropbox - after the error message to the effect (13.1.1) on O