Help with my mobile menu bar on my Web page

Hello

First of all, I'm been completely new to Web design and have no idea of what I'm doing then you will probably see post me a lot in the next weeks. Im trying to create a wepbage for our youthministry to church. The Web page is www.ccifuel.com. My first question is on the menu of navigation on this subject. He seems to be moving from one place to another when the web browser is growing and I would like to keep it in a fixed position on the image. How do I do that? My last question is what im trying to creat a form to collect email addresses to launch a newsletter in the box titled "join our mailing list!" but when I try to enter in a spry validation text field, he says, "you can't insert this widget into an editable... "and so on. Any idea how do that area locked so I can insert a form here or would there be a better way to do this? Thanks for all the help in advance!

Your navigation menu is just what you told it to: absolutely position the div containing (outerWrapper).

If you want to just above the image, I suggest pulling back inside the content div, position it relatively (remove the absolute), give it a top margin to match your 'top' and make it float to the right, like this:

#nav {}
Clear: both;
margin: 106px 0 - 15px 0px;
Padding: 6px 0 0 10px;
Width: 399px;
visibility: visible;
float: right;
}

Here's how I repositioned it in the code:


 

Note that I moved to the closing tag on the "header" from the navigation div. This keeps the contained value.

This arrangement won't allow anything that exceeds the nav div, but you can put the material on the left NAV. And you can always place a background image in the header if you want something that crosses all the way that div.

You could also play with your position absolute div as long as you place it inside another div... it will be absolutely positioned div container, always. But the AP elements are delicate, and I prefer to put in place a system of div tags that depend on each other in relative positioning.

Best,

Beth

Tags: Dreamweaver

Similar Questions

  • There is no menu bar on some web pages

    There is no menu bar on some web pages, usually when a link is clicked. If I copy and paste the URL to a new page of the menu bar is present. Hope it makes sense.

    You run Firefox in private browsing (permanent) mode?

    You may experience 1166066 bug that occurs when you run Firefox in private browsing mode and you open links in a new window.

    Possible solutions:

    (1) use Options/Preferences > General: "Open new windows in a new tab instead"
    (2) Shift+click links to open in a new window with the standard features or use the right-click context menu.
    

    You can change dom.disable_window_open_feature prefs and change their value to true to prevent a Web site to disable toolbars and scroll bars in a pop-up window

    You can open the topic: config page via the address bar.
    You can accept the warning and click on "I'll be careful" to continue.

  • Just update iPad pro with 9.3. Unable to open Web pages from a link from bookmarks or within a Web site now

    Just updated iPad pro with 9.3 now impossible to open Web pages from a link, only from bookmarks or Web site

    Wait until a fix is available at Apple.

  • Windows XP icons, the buttons of the menu, Favorites, files, and Web pages are too big.

    Brower, the menu buttons, icons and Web pages are large

    icons of Windows xp, the menu buttons, the Favorites file, and Web pages are too big

    Hi rayrange,

    ·         Did you do changes on the computer before the show?

    Follow these methods.

    Method 1: Perform a System Restore and check if the problem persists.

    Method 2: Follow the steps in the article.

    Resources for troubleshooting problems in Windows XP

  • I am not happy with the new menu bar. I made a mistake in the change. Want to use the button refresh or open a new tab when requested without

    I made a mistake some how. I'm not the best a computer news as the new avg with the research changes. I want to return my old menu bar. I want to be able to open a new tab without going through an open search window. I don't like new tiny 'file above it don't help me. I want the option to click the Refresh button bit. How to get back to what I had before?

    I don't know what happened to your menus and toolbars. Has this happened after an update of Firefox, or a change in your add-ons?

    (1) you can switch between the Firefox button orange with its abbreviated menus and the classic menu bar, by using the following text:

    ALT + v (open the menu Classic view) > toolbars > Menu bar

    (2) in the new tab, you wanted it is empty? Are there currently AVG research? If you want to get rid of the search for AVG, you probably have to disable to remove one or more modules from here:

    Orange Firefox button or classic menu Tools > Modules > category: Extensions

    Does make a difference?

    (3) the reload button is nestled at the end of the address bar, after the star icon and the drop-marker. If you prefer that your button to reload on the bar itself, you can do that using the personalization feature.

    ALT + v (open the menu Classic view) > toolbars > customize

    In order to avoid the button reload to slip into the URL bar, you can perform the following actions:

    • Move the button reload for the left side of the address box
    • Move another button between the address box and reload
    • Move another button between the reload and stop buttons
    • Reverse the order of the reload and stop buttons

    You can get as you wish?

  • tinkered with toolbars, navigation, menu, buttons on the home page, page previous button-all gone. Whats left is just yahoo address pane, just gimme helps a bit to a 'download resinstall toolbar"will suffice. There is nothing to click, just a restoration-

    Went toolbar, navigation, menu, advance, home button, the button previous and all gone coz I was playing with the removal of the options of this and that... what remains is the Yahoo address pane and the button Zoom-close, nothing to click...

    Don't see the menu bar (file, publishing, display, history...) (Help)? Hold down the key (key in OSX) and press the following letters in this exact order: V T M
    The bar of menus must now appear permanently, unless you turn it off again (view > toolbars). Turn on/off the menu bar is a new feature in version 3.6.
    See the other bars under view > toolbars. Click on one of them will place a check mark (display) or remove the check mark (not shown).
    To display the status bar, display, and then click status bar to place a control mark (display) or remove the check mark (not shown).

    • If items are missing then see if you can find them in the view > toolbars > customize window.
    • If you see the item in the window customize then bring her back in the window, customize the Navigation toolbar.
    • If you do not see this item then click Restore default set in the view > toolbars > customize window
  • Conflicts of the Spry with Flash Dropdown menu bar

    I'm using the menu bar horizontal Spry that works very well. However, the drop comes into conflict with a flash animation that I just below the menu bar. Unlike the Adobe home page, the drop-down part of the menu appears behind or gets breath-away from the flash movie. Someone can tell me how I can get the drop down menu to appear above the animation and remain displayed while the animation continues to play (like on the Adobe homepage main navigation bar)? I need to position the elements and index-z allows to stack them?

    http://www.Adobe.com/go/tn_15523

    That's the thing. It works perfectly. Thanks for your help.

  • Help with a variety of questions from site Web/mobile app. (Advice and assistance)

    Hello, my cousin today asked me for help with his business. He wants a website and a mobile application for his company. Now here's the thing. I know how to create a very simple Web site. This isn't a problem. but he wants people to be able to assess the services he wants to be able to report on the Web site so they can comment, send messages, the whole nine yards. He also wants people to be able to pay via the website using norton scan security. Now, I have no idea how to do that. And did I mention that he wants an app? So I do not expect an answer, step by step the "end to end" on the creation of a Web site. To start with. Is this kind of thing, possible using programs compared to the creative clouds? Is it possible to create an app? What happened to create a way for people to pay via the website? I just want to help in being directed to the right direction in this learning experience. Then, where I start, this kind of thing is still possible? where should I go? where can I learn? ect. Any help and advice is highly appreciated and welcomed. So please if you have something to say. I'm listening.

    Thank you, the community.

    The first thing I would ask that your cousin is timeline... He asks a little... it is a great project that could have involved more than one person, especially if he wants a custom application.

    Cost would also be an important factor in accepting this type of work, how do you charge him if you don't know even how to do most of these things... As you say, you don't have any idea how to make the most of this work, and I think there's a big learning curve with some of the things he asks.

    But if he has the time and money and you have the time and practice to learn, there are cloud programs to create out there who can do whatever he wants.

  • Need help with small DVD menu highlighting issue

    This should be brief, and I might have thought this out already is no so many variables and combinations of the completion of the steps in the correct order.

    I mostly followed this tutorial for easter eggs: http://TV.Adobe.com/watch/digital-video-CS5/Encore-menus/

    The part that I am focused on is between the time timeline 04:30 - ~ 06:00 dealing with duplication of group and the modification of existing elements to create an additional hidden button for the highlight of the Easter egg. My problem is that my three videos are static on the main menu and not text.

    So I do this wrong, but I have direct link to the PS to copy the group, but I need to add a text layer in the copied folder to make the button invisible. My highlight for the videos above is just a large rectangle of 16:9, but I want to be a form of specific profile, the Easter egg. So almost exactly as he did in the video, I imported a file PSD with the shape I wanted... He says CTRL + select for windows, but who doesn't. (Keep in mind that I'm not really a Photoshop user, been using Fireworks for ever). OK, so I select the layer of the imported images, click the magic wand select his area, hide it from view, click the layer existing highlight, shade of colour the previous matches and he said "just to fill it. At this point, with the magic wand tool active on the form, I would like to fill, it doesn't let me fill.

    I select the wrong point? As I said, select the CTRL (means click?) does not work. Because it is such a guru, he uses a lot of keystrokes or shortcut keys that I'm not familiar with. I'm done with this nice menu to 99%, I just need to up the highlight of an Easter egg in the light and I'm probably done.

    Thanks for all the help, I hope I was clear.

    ~ Jonathan

    OK nevermind. I thought about it somehow. I did hidden text touches an object dynamic and bound the two together in the area of layers. Both activating / deactivating the made button highlights and preview my menu showed that it works correctly. I just burn a final and it works very well. Sweet.

  • Text in bold Safari causing problem with the Spry menu bar

    I made a web site using a Spry menu bar. It worked fine in all browsers, as far as I knew. I was just alerted by owner esite th that the menu bar was the last link off position seen in Safari. I don't know when this started happening. I noticed that the text in Safari is more bold than firefox or IE. My guess is that this is the problem. I searched on google for help and found this

    Add-text-shadow: 0 0 0 #000; to the css.

    I tried but it don't seem to have any effect.

    the site is here:

    http://www.telluridegravityworks.com/

    Can anyone offer advice on how I might solve this problem? Thank you!

    I don't see the problem under Win 7/Safari (guess it's a question of Mac) but I see it in Win 7/IE9.

    In the CSS file, http://www.telluridegravityworks.com/css/gravity-works-winter.css

    set the width of the container navbar fix here

    {#nav - menu
    Width: 455px; / * adjusted to 445px * /.
    padding: 0px;
    overflow: hidden;
    float: left;
    margin left: 515px;
    }

  • Help with drop down menu of Horiz Sprite

    Working with a horizontal menu, I try to add a drop-down list (just hover) the button 'services '.  Crossed many turotials, but I am not able to find something that deals specifically with my situation.  As you can see when you visit the link below, my positioning is messed up.

    Here is the link to the menu:

    http://www.juliepb.com

    I added the list nested in the html (line 40), but I am struggling with positioning in my (line 167) CSS and scripts.  I copied and pasted the simple jquery script to Chris Coyier, http://css-tricks.com/simple-jquery-dropdowns/ , but do not know how to use it (other than the link from the html)

    Any help would be appreciated.

    -Julie Barnes

    Hi Julie

    You view all the items on the page as background images and the header image is overlapping your menu, I recommend to use the texts and images placed on the page, if possible.

    PZ

    (will be logging now)

  • The menu bar on the home page of my company is missing. It load on Safari, but not on Firefox. I used IWeb to the development of the site.

    I just updated my business website. It looks perfect on Safari - but the menu bar is missing in the first page on Firefox - so no one can enter the site. This means - it is blocked as spam? How can I fix it? Help!

    Reload Web pages and ignore the cache to refresh potentially stale or corrupt.

    • Hold down the SHIFT key and click the Reload button
    • Press 'Ctrl + F5' or 'Ctrl + Shift + R' (Windows, Linux)
    • Press 'Command + shift + R' (Mac)

    Clear the cache and cookies from Web sites that cause problems.

    "Clear the Cache":

    • Firefox > Preferences > advanced > network > content caching Web: 'clear now '.

    'Delete Cookies' sites causing problems:

    • Firefox > Preferences > privacy > Cookies: "show the Cookies".
  • Menu bar horizontal moves between pages

    Hello

    I have all the properties of the page on the same values; However I notice the menu bar horizontal at various levels when I load my pages.  The site is AbileneDentist.com.

    Any idea on what could be the cause to happen?

    Thank you
    Mark

    Hello

    In my view, the vertical scroll bar is initially objects to be moved.

    To resolve this problem, you can add a scroll bar to all pages. To achieve the same thing:

    On the file menu in Muse, select Site Properties. The visibility for the scroll bars vertical browser, set to Always.

    It will be useful,

    Sonam

  • With the help of data from the database on my Web page

    Hello

    This is probably a simple great question, so I apologize in advance. I looked through a lot of information on BC and I can't seem to find the answer to my question (although a lot of it seems to go over my head that I'm a n00b full BC., and I feel that my hands are tied without being able to just stir up the something in Python or PHP!).

    I am trying to create a Web page that displays a single product (the entire site exists just for 1 product), and the user can click on the color chart of different color in order to customize it. I would like my client (owner of site) so you can easily add new colors (using the hexadecimal code) for different parts of the product.

    So I basically just need a place where the client can enter these values, and then I can write on my page in JavaScript format and build dynamic page using JavaScript.

    It seemed that the way to do would be to create a new "Web App" inside the BC. I did, and I created a "Web App Item" called "Data". Under "Data", I added a 'field Item' named 'Color', which is a multiline text area. I entered a few different hexadecimal codes like this:

    000000

    FFFFFF

    003366

    (I thought that I can analyze the lines with JS)

    The problem, I comes across however, is to know how to enter these data in my source code on my Web page? I created a Web page and I put the code in it:

    {module_webapps, 6042, one,}

    but this will display a list of links, with a link to 'Data', and then if you click on "Data" you go to a separate web page that says only: "Data" in this topic. Very strange.

    Is there a way I can get the data entered here in the source of my Web page? (Or is there a better way to do it?)

    As a more general question... It's basically just how use BC as a CMS and have custom fields that you can then access your web page. A bit like plugin, WordPress Advanced Custom Fields, if you're familiar with that. (I know that's not WordPress, but just a way that I can access certain values that my client has entered in)

    Thanks in advance!

    Heather

    You may be better to use electronic commerce and assign different attributes for your colors?

  • Someone had problems with Firefox 13.1 while scrolling of web pages

    While most but not all of the words scrolling Web page get nervous and fuzzy. This same thing happened on version 13. I had no problem with 12 or those in front of her.

    Someone decided to turn on the "smooth scrolling" in Firefox 13, and that could be the problem. Try turning off here:

    Orange Firefox button or classic menu Tools > Options > advanced

    In the mini ' General' tab, uncheck the box for "Use smooth scrolling".

    You may need to restart Firefox for it to take full effect. Does that help?

Maybe you are looking for