How to align navigation bar with banner?

Hi i need to align my navigation bar with my banner how can i do this?
i have attached a picture of how it looks in chrome 1280x1024
I used Anthony Marchese's guide to do it (http://www.youtube.com/watch?v=l-wuwsZQTl0) but it will not align ive tried everything!!
also how can i resize a div??
please help??
Thanks,
Gershy14

THIS IS MY MAIN CODE.
1  <!doctype html>
2  <html>
3  <head>
4  <meta charset="utf-8">
5  <title>MusicAtTheD's - the home</title>
6  <link href="css/styles.css"rel="stylesheet"type="text/css">
7  <style>
8
9
10  #body {background-image:url(images/washedddd.jpg);background-repeat:no-repeat;background-positi on:center center;
11  background-attachment:scroll;
12  }
13
14  #navbarOFF li {
15  font:17px Arial;
16  display:inline;
17  list-style-type:none;
18
19    }
20  #navbarOFF a {
21  background-color:#09F;
22  color:#fff;
23  text-decoration:none;
24  padding-top:15px;
25  padding-right:28px;
26  padding-bottom:15px;
27  padding-left:28px;
28
29    }
30  #navbarOFF a:hover {
31  background-color:#F90;
32  color:#666;
33
34    }
35  body {
36  background-image:url(images/washedddd.jpg);
37  background-repeat:no-repeat;
38  }
39  </style>
40  </head>
41
42  <body bgcolor="#999999"leftmargin="70"
43  " topmargin="50">
44  <div id="header"> <img src="images/websitefinalll.jpg" alt="banner" width="752" height="161"></div>
45  <nav>
46  <div id="navbarOFF">
47  <div align="center">
48  <ul>
49  <li><a href="#">the home</a></li>
50  <li><a href="#">the boys</a></li>
51  <li><a href="#">the gang</a></li>
52  <li><a href="#">the studio</a></li>
53  <li><a href="#">the band</a></li>
54  <li><a href="#">the music</a></li>
55  </ul>
56  </div>
57  </div>
58  </nav>
59
60  </body>
61  </html>
62
CSS SHEET
1  #body {
2  background-image:url(images/washedddd.jpg);
3  background-repeat:no-repeat;
4  background-position:center center;
5  background-attachment:scroll;
6  }
7  #header {
8  height:160px;
9  width:800px;
10  margin-left:auto;
11  margin-right:auto;
12
13  }

Similar Messages

  • Is their any tutorials on how to make a navigation bar with drop downs in Dreamweaver CC now ?

    Is their any tutorials on how to make a navigation bar with drop downs in Dreamweaver CC now that they do not have the spry option?

    bbull2005 wrote:
    Preran, why wouldn't Dreamweaver include it's own menu/navigation bar widget?
    I can't answer on Preran's or Adobe's behalf, but I think you'll find at least part of the answer here: http://wiki.jqueryui.com/w/page/38666403/Menubar
    Adobe decided to discontinue development of Spry in August last year, and Dreamweaver CC made the switch to using jQuery UI widgets and effects. One reason for dropping Spry was that it failed to work correctly in some browsers. Judging from the fact that the jQuery UI menubar is now "on ice", creating a flyout menu that works reliably across all devices is proving more difficult than originally envisaged.
    Because all other widgets in Dreamweaver CC use jQuery UI, it's a reasonable assumption that Adobe hoped the jQuery UI menubar would be ready in time, but it wasn't.

  • How to create a navigation bar with custom made buttons?

    I'm used to work with a similar program as Muse. In there we can create a single button and link them together into a navigation bar. I have tried all sorts of tutorials but none of them is discussing this possibility.
    To summorize. The idea is to create a button in photoshop and to use this as a theme to build a navigation bar. Possible or not and how? Thanks for assistance. Rgds Rufin

    Hi Brad,
    Thanks for your reply.
    No, not really. I used to work with XARA up till now. And being an Adobe Cloud user I think it a bit silly using two different systems. In XARA I can create a custom button and turn them into a navbar. For your information I include a few links to sites I created with Xara and I would like to know if I can create the same type of navbars with Abobe Muse. I already found out that all the other functions are available and some work a lot better in Muse, but I’m stuck on the navbar issue. I know I can create a button in Adobe PS and use it in Muse. But I didn’t manage to figure out how to create a navbar in Muse on basis of a button created in PS.
    www.restaurant-cedric.be or www.discoamigo.com or www.radioparadijs.be
    Grtz,
    Rufin
    LOGO-RUFIN'S-REISBUREAU-outlook
    Koningslaan 36 – b31
    8300 Knokke – Heist
    Tel: 050621052
    Fax: 050621072
    e-mail:  <mailto:[email protected]> [email protected]
    <http://www.rufins.be/> http://www.rufins.be
    <http://www.travelcoop.be/> travelcoop_logo_2013[1]  <http://ferventreisagent.be/rufins-reisbureau> klein logo
    Van: Brad Lawryk
    Verzonden: zondag 12 oktober 2014 19:40
    Aan: RUFIN DUWEL
    Onderwerp:  How to create a navigation bar with custom made buttons?
    How to create a navigation bar with custom made buttons?
    created by Brad Lawryk <https://forums.adobe.com/people/Brad+Lawryk>  in Help with using Adobe Muse CC - View the full discussion <https://forums.adobe.com/message/6817739#6817739>

  • Navigation Bar with Segmented Control

    I've been looking everywhere for this, I just don't get it ...
    I'm completly new to iPhone development and the last few days I've been playing around with it.
    Here's what I want: a navigation bar with Segmented controls (like you would see in the App store with 'New' and 'What's Hot') and when you select a segment, a view will be loaded, Just like it is in the App store, and then you can switch between the segments.
    I've been looking and the only thing i've found is how to change the background color:
    - (IBAction)changeSeg {
    if (segControl.selectedSegmentIndex == 0) {
    self.backgroundColor = [UIColor whiteColor];
    if (segControl.selectedSegmentIndex == 1) {
    self.backgroundColor = [UIColor blueColor];
    if (segControl.selectedSegmentIndex == 2) {
    self.backgroundColor = [UIColor greenColor];
    Thanks in advance! (it's probably very simple but I just can't find it)

    I implemented something similar. In my case the view was a UITableView, so I simply set the data source and delegate to a specified UITableViewController based on the segmented control and then reloaded the table.
    If there is a better solution, I would also like to know about it.

  • One Page Scrolling Site with anchors and a navigation bar with submenus

    Hi,
    I create a one page scrolling site with some anchors.
    Now I want to have a navigation bar with submenus, i.g. one navigation leads to "projects", but within projects I need 6 submenus for every project.
    How can I realize this in muse?
    Thanks,
    Michael

    Create a Manual menu and link to the anchors.
    Widgets Library/Menus/Horizontal
    In the Options pull out screen: Menu Type: Manual
    Mark each menu box you create and link to the specific anchor.
    Refer to this section of a site I created that mimics what you want done:
    PS-AD-15

  • Navigation Bar with template

    I'm administering a web site I inherited from someone else
    who did not use templates as part of designing. Since I took over
    in November 2005 I created a template and began to implement it
    little by little on all the pages. I haven't done it to all of them
    because I notice that the navigation bar dosen't work the same on
    all pages.
    home:
    http://www.hostos.cuny.edu/cso
    home page
    working page w/out template:
    http://www.hostos.cuny.edu/cso/resource_lab.asp
    none working page w/ template:
    none">http://www.hostos.cuny.edu/cso/StuJob_fairs.asp
    none
    working page[L=working page w/out template
    I know he used javascript to do this but i'm not sure what
    code is the one determineing the bar that is highlighted according
    to where on the menu you click.
    Thank you for your help.

    sarahpeller wrote:
    I'm creating a site in Dreamweaver 8. I've placed a navigation bar with roll-over images in the template for the site. In the navigation bar settings, I set the first button to link to "healing.html", second to "resources.html" etc. But when I preview this in my browser, the links are not working. I get this error message:
    File Not Found
    Firefox can't find the file at /Darwin/Users/sarah/Sites/amy_martin_pt/Templates/healing.html.
    This directory looks correct except for the "/Templates" part. I didn't specify that the healing.html file was in a folder called "Templates". I don't know how to fix this or why Dreamweaver is automatically doing this.
    Can anyone help?
    As has already been said have you defined your site correctly at the outset? Site>New Site>Local Info etc?
    Plus you are correct your pages should be in the site root folder NOT the templates folder. Only .dwt files should reside in that.
    I assume that you have saved the template to your defined site folder and created a new page from the template and saved that?

  • How to draw a bar with Gradient Color ?

    Hi,
    How to draw a bar with Gradient Color ? I see
    in Java Help about GradientPaint, maybe this
    can help ?
    Thanks in advance,
    Michael

    Try to use this in you paint method :
    public void paint(Graphics g)
    Graphics2D g2D = (Graphics2D) g;
    // Get the height & width
    int width = this.getWidth();
    int height = this.getHeight();
    // Create the gradient paint
    gradientPaint = new GradientPaint(0,0, Color.blue, width, height, Color.red);
    g2D.setPaint(gradientPaint);
    g2D.fillRect(0,0, width, height);

  • How to combine a bar with a line in a chart

    Post Author: rbcdexia
    CA Forum: Charts and Graphs
    We want to combine data in bars and with a line showing in one chart.
    Is that possible? How do you configure your chart?
    The line and the bars are based on the values from different fields in the same table.

    Post Author: pareshb
    CA Forum: Charts and Graphs
    We are using Crystal Reports for Visual Studio 2005. Can you please let me know how to combine a bar with a line chart.
    Thanks in advance.Paresh

  • Navigation Bar with Rollovers inside to extend all the way across x-axis

    I have a dreamweaver cs4 question. I need to have a navigation bar, that lines up with a background image that DOES not move when scaling the webpages in and out. The images must have rollovers, is there a way to either insert a repeating x-axis image and placing text on top and adding a script element to make the text rollover links?
    All I need is a navigation bar with rollover links in the middle that extends all the way to the sides of the page regardless of browers or screen size.
    Currently I have a divtag with rollover images and a background image that has the same image as the divtag so it looks like the navbar goes all the way across, but when I zoom in and out the background image or the div tag moves just by 1 pixel making them not lined up. example here: its more evident in google chrome http://www.olympicvalleycapital.com/about.html.
    Please help! this is killing me and I dont have much scripting experience so I am trying to do this using the UI elements.
    Or is there a way to prevent the background image from resizing when zooming in and out, like a fixed or absolute dynamic to apply to the background?

    If you quit using position absolute for a basic layout, you will be amply rewarded.
    Going through many of the posts with a similar topic you will find out why.
    Gramps

  • How to Incorporate "fade" Into the Navigation Bar with iWeb?

    I started wondering about and exploring this topic in another thread. I would like to make the navigation bar shine brightly and then slowly fade whenever the cursor overlaps the navigation buttons. Does anyone have any idea how to do this? For an example of what I'm looking for, please visit Neonsky.com. This company is a website builder that has, as one of its features, the fading navigation bar option that I'm looking to incorporate into iWeb. Just look at some of their featured websites for an example. I also found the following doing a google search. Any thoughts and ideas of how to get this feature on my iWeb designed website would be helpful. Thank you.
    http://dreamweavermenu.com/dreamweaver-navigation-bar-fade.html

    Leave all files in the folder as you downloaded them. Drop the index.html file on the browser icon. You will then see what the menu will look like when published on a page. Edit the index.html file to your needs. Your edits will be shown in the browser window (save file upon edit - don't worry, you can still undo in most editors - and refresh the browser window).
    If required, also edit the main.css and image files.
    When done, copy the contents of the index.html file into a HTML snippet in iWeb. Position the snippet to exactly where you want it to be (height and width accordingly) and publish. Upload the other files manually and make sure that their path on the iDisk/server matches the path mentioned in the index.html and main.css files.
    As you will have gathered, you need to understand some HTML and CSS. You may acquire understanding and knowledge by trial and error.

  • CSS or JS Navigation Bar with inline Styled Search Field

    Does anyone know of a good tutorial on how to create a CSS or
    JS navigation bar that would contain a matching styled search field
    box?
    I have tried creating something like this a couple of times
    using the old JS Navigation Bar wizard in DW, but can't get the
    results I need. I can never seem to add a column that would include
    a search box and have it look right and inline with the rest of the
    navigation.
    For reference, I am trying to do a nav that is somewhat
    similiar to Apple's Nav bar, where the search field is styled to
    match the rest of the Nav and inline with the rest of the buttons.
    Any thoughts?
    Thanks.

    You don't need to use PMM. You can set your menu container to
    position:
    relative and then absolutely position the search box inside.
    Al Sparber - PVII
    http://www.projectseven.com
    Extending Dreamweaver - Nav Systems | Galleries | Widgets
    Authors: "42nd Street: Mastering the Art of CSS Design"
    "destind4film" <[email protected]> wrote in
    message
    news:fkukir$8l4$[email protected]..
    > Hi Al,
    >
    > Thanks for the quick reply. I had actually checked your
    site earlier
    > today,
    > since I have had such an awesome experience with your
    accordion menus.
    >
    > That example is almost exactly what I am trying to do,
    minus the dropdown
    > menu
    > buttons. The buttons currently are just simple rollovers
    that go directly
    > to
    > other pages, but I am trying to place a styled search
    box to the right
    > like
    > your example has.
    >
    > Here is the current page (also using the PVII Accordion
    Menu) that does
    > not
    > have the search added yet, but you can see that I have
    plenty of real
    > estate to
    > include one:
    >
    >
    http://www.dvdflashbacks.com/mrhubcap/
    >
    > Questions:
    > Can the pop menu be used with my current roll over
    images for basic Nav
    > bars
    > like this?
    > How easy is it to add the search field to this menu?
    (This is a PHP/MySql
    > backend for the site using Cartweaver3. I have a php
    search snippet from
    > CW3
    > that I was trying to stick into a table cell next to
    this nav but the cell
    > would never align properly for some reason.)
    >
    > Thank you very much and Merry 'Belated' Christmas!
    >

  • Navigation bar with one level

    Hi,
    how can I use a navigation bar only with one level?
    any ideas,
    thanks in advance,
    david

    hi,
    Check this document
    http://help.sap.com/saphelp_nw04/helpdata/en/5a/33befa45ca7f459b24d0c5d51d0749/frameset.htm
    Regards,
    Ganesh N
    Reward useful answers

  • Apex 3.2 SVG Chart - How to plot Stacked Bar With Negative Values ?

    Currently Apex 3.2 Flash Chart (AnyChart 3.x) does not support Stacked bars with negative values.
    I try with SVG Stacked bars with positive values only, chart ploting works fine. When I add a new series with negative values (i.e -1) and I get a blank Chart region with no error.
    Based on this statement from Apex's documentation:
    *"AxisLine Indicates zero on charts that have negative values."*
    I appreciate your help on how to translate this statement into action ?
    (i.e how to override .Axisline class in CSS section ?)
    Thank you very much for your time.

    User614143,
    try to add the minumm negative value (but positive) to the parameter for the axis.
    e.g. show value+3000 (assuming -3000 is the minimum value)
    If you don't have a limitation for the negative values, it doesn't work. (or try to calculate first the most negative value in a before header process)
    hope this helps.
    Leo

  • How to hide Navigation bar

    In photo application on iPhone, if you click an image and wait a few seconds.
    The navigation bar above will disappear and give you the full screen view.
    How could I implement this in SDK?
    I saw UINavigatioinbar is a private class inside UIViewController.
    How can I set its view.hidden to YES?
    Thanks

    Any view can be animated. Use alpha value to fade in and out. See docs for animation examples.

  • How to remove Navigation Bar entry

    Hi,
    Is it possible to remove navigation bar entry 'Welcome: USERNAME'?
    Can any one help with this please?
    Kind Regards
    Rana
    Edited by: Rana007 on Sep 29, 2011 5:51 PM

    Rana,
    Check out the Body of you standard page template. Make a copy of this code prior to experimentation !
    Within the Body you may see something like this:
    <div id="header">
      <div id="logo"><a href="#HOME_LINK#">#LOGO##REGION_POSITION_06#</a></div>
      #REGION_POSITION_07#
      <div id="navbar">
        #NAVIGATION_BAR#
        <div class="app-user">#WELCOME_USER#</div>
        #REGION_POSITION_08#
      </div>
    </div>Removing the line with <div class="app-user">#WELCOME_USER#</div> should do it.
    Jeff

Maybe you are looking for