Move navigation bar of promoted list down

is it possible to move horizontal scroll from position 1 t0 position 2 as in image?any pointer will be helpful..

Hi,
According to your post, my understanding is that you wanted to move navigation bar of promoted list down.
You can add the Jquery code into a Content Editor Web Part.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var $existingdiv = $("#promotedlinksheader_WPQ4");
var $temp = $existingdiv.clone();
var $tab = $existingdiv.next();
$existingdiv.remove();
$tab.append($temp);
</script>
You can also use the CSS code to change the style.
<style type="text/css">
#promotedlinksheader_WPQ4 {
POSITION:absolute;
margin-top:150px;
</style>
The result is as below:
Best Regards,
Linda Li
Linda Li
TechNet Community Support

Similar Messages

Move navigation bar

I am very new to iweb so please forgive my ignorance. Trying to create my first website. How do I move the navigation bar horizontal on the left? I got the part about hiding the menu no problem. I read the other post about making a new but that one moved the new bar to the top. Thx!!

You can't move it. You can only create your own, which could go any which-way you want it to.

My navigation bar refuses to come down with the usual down swipe, whats the solution/fix for this issue???

this has just begun lately--what is the fix??is it a setting preference by any chance???

We simply must figure this out for you. Can you recall if there have been any changes to the phone since this began? Have you tried the power/off trick?
Does the navigation bar move at all?
TamaraH_VZW
Follow us on Twitter @VZWSupport

Any tutorials on simple responsive navigation bar?

I made a simple navigation bar using using lists with 4 links.
The problem I'm having is adjusting the navbar for different media like the ipad or desktop where the navbar has to go from display:block (mobile) to display inline horizontally. for a desktop view. I can't find any tutorials that deal with dreamweaver cc and inserting a responsive navbar. Can anyone help me? Thanks in advance.

Very simple, very basic....can be elaborated on to include a sandwich icon which are common with mobile menus. Alternatively Google youtube there's plenty of tutorials, some complex and some simple - solution depends what it is you want to do.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Mobile Menu</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$('#showMenu').css('cursor' , 'pointer').click(function() {
$('nav').slideToggle();
$(window).on('resize', function(){
var win = $(this); //this = window
if (win.width() >= 600) { $('nav').show(); }
if (win.width() <= 599) { $('nav').hide(); }
</script>
<style>
body {
margin: 0;
padding: 0;
font-family: sans-serif;
font-size: 15px;
nav {
display: block;
background-color:#333;
nav ul {
margin: 0;
padding: 0;
nav li {
margin: 0;
padding: 0;
list-style: none;
display: block;
width: 100%;
nav a {
text-decoration: none;
color: #fff;
padding: 10px;
display: block;
border-bottom: 1px solid #fff;
nav a:hover {
background-color: #999;
#showMenu {
display: block;
padding: 10px;
nav {
display: none;
@media screen and (min-width: 600px) {
#showMenu {
display: none;
nav {
display: block;
nav li {
display: inline;
nav a {
display: inline-block;
border-bottom: none;
</style>
</head>
<body>
<div id="showMenu">Show Menu</div>
<nav>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</nav>
</body>
</html>

Navigation Bar - Typical uses

More than likely I am "creatively challenged" but I don't see how a Navigation Bar allows for functionality not already provided by other navigation components like tabs, breadcrumbs and lists in conjunction with the Page 0 feature. If anyone has used a Nav Bar extensively, could you please explain the typical use cases? Thanks

I haven't actually used Navigation Bars "extensively" but have been thinking about templates a lot recently and I think gained some insight through that exercise.
As both of you have said, it's all just methods of navigation, so it has to be the differences between the navigation bar, tabs, and lists that provide reasons for using one over the other.
Tabs and the navigation bar (hereinafter "nav bar" to save typing) are similar in that they are, out of the box, global navigation mechanisms with their mark-up and general layout set in page templates. If you use a built-in template or set up your own as required, then the nav bar/tabs will appear on every page utilising that template without any further work. The nav bar can be placed anywhere in the page template – even included more than once – but Page Template Substitutions Order.
Lists however have to be explicitly included in a page by adding a list region. Adding it to Page 0 will make it appear on every page. List mark-up is defined in list templates, with a default template assigned to each list when it is created, but the template can be overridden on a region-by-region basis, which results in great flexibility.
Individual tabs, nav bar entries and list entries can all be included or excluded from display using Conditions. All can have their appearance and positioning completely customised using CSS (given suitable mark-up in the appropriate template). Using this, the App Builder provides hooks to define tabs and list entries as current for one or more pages, allowing for a different appearance that provides orientation for users. Although it is possible to achieve a similar thing with nav bar entries, APEX provides no direct support for this.
Applications can subscribe to nav bar entries published from a master application, which cannot be done with tabs and list entries. This enables a consistent "supra-global" navigation mechanism to be shared across a family of applications in a workspace. Re: APEX 3.1 Enhancements.
Tabs always submit the page. This will not be necessary or desirable for all navigation operations. (Nav bar and list entries can of course be coded to submit if necessary.) Tabs – especially 2-level tabs – Is there any hope of getting two level tabs to work?
Breadcrumbs I haven't considered as much.
So in deciding whether use of the navigation bar is indicated, probably the following would be relevant:
- Do you want to locate navigation links in page templates? – Outside regions? Possibly more than once? Possibly outside the APEX form?
- Do you need to provide common navigation links across applications?
- Do you need links that don't submit the page?

Best way to create a sliding navigation bar

As a newcomer to web design I am just about to embark on my first major project. This requires a navigation bar in a strip down the left edge of the page. I recently stumbled across what i thought was a very elegant and space saving design for this navigation bar at:
http://www.aovet.org/home.aspx
Could anyone point me at a suitable tutorial, resource, or sample code so i can start to get my head around how this is done, or is this just to complex for an enthusiastic but relatively inexperienced guy to try.
Thanks
John

Have you looked at the built-in Spry Accordion Widget (aka Accordion Panels)?
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#D efaultBehavior
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Navigation bar and text next to it, how?

Hello all, this is my first time building a page with
dreamweaver, and I'm really enjoying learning how to use it. So
far, I have been able to figure everything out well enough, however
I have now hit a point from where I cannot continue without help.
I have added a navigation bar/table to the left side of my
page, how to I get the program to let me add text directly to the
right of my bar? Right now, when I try to add text, the default
location is below the navigation bar (which, again, is down the
left side of my page). Any help at all would be appreciated. So,
thanks in advance!

I never use text wrap because of the IE problem.
When using separate boxes, make sure that none of them are touching or overlapping and that you use a web-safe font.
I would doubt very much that inserting an image into a text box impairs the ability of the spiders to read the text - they just don't "see" the image which is why you should describe it in the adjacent text or with a separate caption.
For SEO purposes, I would do both. For example, if you have a photo of a car, the caption would give its make/model/year etc and the adjacent text would describe the features that viewers would be likely to enter into a search.

In navigation bar the drop down menu is not holding open when trying to select item - ONLY in Firefox.

When trying to select item from any drop down in navigation bar the menu shrinks. I seem to not be able to navigate further than 1st item on the drop down list.
However, it seems to be working in other browsers but not in Firefox.
The website affected by this behavior is in the following link: http://www.coubroughandco.com
I am wondering what could possibly be the cause of it.

Hello,
I get the same issue. To make sure we are talking about the same thing I have uploaded a screenshot. See below.
When I hover over 'Buying' the menu pops up. I then move my mouse down over 'Your Budget' nothing happens. I then move the mouse down again over 'Leasehold or Freehold?' the menu disappears. It is not possible to click on the 'Leasehold or Freehold?' link.
I don't believe Firefox is at fault here. I think the website has not been properly tested to work with Firefox. I am not an expert in web design but other forum contributors here will be able to identify the piece of code in the site that is causing the problem.
I think the best thing you can do is to make contact with the business to let them know that their website navigation doesn't work for Firefox users.
I hope that helps.

How can I create a navigation bar in the template so I can change the down state of a button on a page made from the template in DW3?

We're creating pages from a template in DW3. The template includes a header, footer and a navigation bar. We've made the navigation bar an editable region so that we can change the down state of the buttons on pages where it is required. However, when we make a new page from the template and try to change the behaviors of the buttons in the navigation bar it will not allow us to make those changes.

Have you considered using CSS styled text/list menus instead of image rollovers. It isn't hard really and it's actually a much better choice for web accessibility and for search engines to find and follow your links. Here are some links to several CSS menu systems you can try:
CSS Express Drop-Down Menus (tutorial)
http://www.projectseven.com/tutorials/navigation/auto_hide/
CSS Tab Designer creates 60+ CSS Styled Button and Tab Menus (download)
http://www.highdots.com/css-tab-designer/
List-O-Rama (DW Extension)
http://www.dmxzone.com/go?5618
CSS Menu Maker (On-Line Menu Generator)
http://www.cssmenumaker.com/
Pop-Menu Magic2 by PVII (DW extension purchase)
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Can we move the navigation bar (prev, next link) of advanced table to left?

Hi,
I have a question regarding the OA Framework advancedTable navigation bar.
Normally it is shown on the top right corner of the table, if it contains more than 10rows,
it will show on the bottom as well.
My question is, is there a setting to move this navigation bar (Previous Link, Records List, Next Link)
from the right side to the left side or to the middle?
In the OAF Developers Guide it doesn't state about being able to move this navigation bar.
Navigation
The navigation bar allows you to traverse across different row ranges of a table and is rendered:
- At the top of the table if the number of rows in the table is less than 10.
- At both the top and bottom of the table if the rows in the table is equal to or greater than 10.
Note: No navigation bar is displayed if the number of rows in the view instance is less than the value specified
for the advancedTable Records Displayed property.
When a user first navigates to the page, OA Framework does not know how many rows will be returned to the
table. The navigation bar simply shows the Previous and Next links.
Once the user navigates through all the rows, the navigation bar displays the row range as a poplist so that the
user can navigate directly to a specific range of rows, as shown below.
Thanks.

Hi,
I don't think there is anyway to move the same from right to left/Middle.
Regards,
Gyan

Navigation bar moves

I've inserted a Flash navigation bar to the left of the
larger photos on my galleries. It's positioned just fine for a
panoramic but when I load another image, a vertical or full frame
horz. the nav bar moves up or down according to the size of the
photograph. I would like to have it anchored at a set distance from
the thumbnail images in the upper bar so it's not bouncing up and
down.
Here is a test page showing what I mean.
http://www.westlight.net/gallery/wildlifetest2.htm
This is probably DW8 101... or less but...help!

Put your navbar in a div above the gallery itself, center and
style it as
you wish .. then put the gallery in a div under that and it
should stay
within its div without interfering with the navbar.
Nice gallery. :)
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: DMX 2004: The Complete Reference, DMX 2004:
A Beginner''s
Guide, Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"westlight" <[email protected]> wrote in
message
news:esuj8u$h2f$[email protected]..
> I've inserted a Flash navigation bar to the left of the
larger photos on
> my
> galleries. It's positioned just fine for a panoramic but
when I load
> another
> image, a vertical or full frame horz. the nav bar moves
up or down
> according to
> the size of the photograph. I would like to have it
anchored at a set
> distance
> from the thumbnail images in the upper bar so it's not
bouncing up and
> down.
>
> Here is a test page showing what I mean.
>
http://www.westlight.net/gallery/wildlifetest2.htm
>
> This is probably DW8 101... or less but...help!
>
>
>
>

Spry navigation bar covers flash movie beneath it but not the jpg image, why?

i have a spry navigation bar with a flash movie underneath,
and when i hover over the navbar and the submenu pops down it
covers the flash movie, but it doesn't cover the .jpg image that is
next to the flash movie. how can i fix this? thanks.

thanks for the reply Murray, a responder from the flash forum
gave me the following answer and it worked perfect.>>
The <object> and/or <embed> HTML elements that
reference your Flash content accept a number of optional
parameters. For the <object> element, these parameters are
supplied via nested <param> elements. Simply add the
following new <param>:
<param name="wmode" value="opaque">
The <embed> parameters are supplied via attributes. For
the <embed> element, add the following new attribute:
wmode="opaque"
That’s it. Your Flash content is now stackable via
z-index; for example, you may wrap your
<object>/<embed> pair in a <div> and set the
<div>’s z-index as you please.
<div style="position: absolute; z-index=1;">
<object attributes >
<embed attributes />
</object>
</div>
If you’re using Dreamweaver, just press the Parameters
button in the Insert > Media > Flash dialog or in the
Property inspector when selecting existing Flash content. Type
“wmode” (without quotes) in the name/parameter column
and “opaque” (without quotes) in the value column. That
will handle the above HTML for you, even with the new JavaScript
embedding available since the 8.0.2 update.

HT201272 I don't have "purchased" on my Navigation Bar so I cannot reload my bought movies

I lost my bought movies when I updated iTunes and I tried to follow the instructions on how to get them back but I don't have the Tab "Purchased" on my navigation bar. It stops in iTunes U.

What country are you in ? Films (and music) can't be re-downloaded in all countries (this page lists what can be re-downloaded where) - and even where films can be re-downloaded not all film studios have agreed to it. Have you not got copies of them on a backup ? And if you only updated iTunes and not your whole OS, then are you sure that they are not still on your computer, just not in iTunes - have you tried searching for them by name (or part of their name), and if you find them you should be able to add to them to your computer's iTunes via File > Add To Library

Cannot edit my navigation bar / drop down menu

Somebody pls help me! I am new to Dreamweaver, but have been
studying it heavily the pst 3 weeks (using Sams Teach Yourself
book).
I have inherited a site and switched their navigation bar
from the current one to a different (drop down) that was stored in
the library folder. I have TRIED AND TRIED to edit these links ,
add drdop down items, delete some, etc but cannot seem to access
the 'show pop up menu' option...it is GRAYED OUT.
When I open the library file...only a navigation bar is in
it. I select one of teh nav buttons, and I am SUPPOSE to see the +
sign in the behavior panel in bold, but it stays grayed out no
matter what I do. I have tried double clicking the text (on
MouseOver), as an MX user suggested, but no menu of options pops up
here at all (although it did for her). Furthermore, I even tried
right clicking on the behavior panel where the "on Mouse Over"
identifies the action as "ShowPop Up Menu" (vs. hide pop up menu)
and I DO get a pop up menu with "EDIT BEHAVIOR" as an option. I
click on this, and nothing happens.
UGH! WHY CAN'T I EDIT THIS???
Thanks so much for your help!

I think your friend is confused. You have never been able to
edit the DW/FW
pop-up menus in a template controlled page in any version of
DW. This is
but one of the many reasons one would never want to use these
menus. There
are so many better ways to do them, and Alan has given you
some links....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"wwjen" <[email protected]> wrote in message
news:ed41u9$k5q$[email protected]..
> Hmmmm. So even though my friend could edit the file in
her Dreamweaver
> MX, you
> are saying Dwvr 8 it does not work right?
> I did try re-creating the navbar in a 'basic page' by
setting it up like a
> table (library item was also set up like a table vs.
"inserting navgation
> bar"), but then I had a code error that affected ALL my
pages (totally
> erased
> the body of all pages). I do not understand code , but
my friend said
> having
> the html navbar file vs the library item created
overlapping <head> tags.
>
> What else might you suggest? I appreciate your time and
insight!
>

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.

Move navigation bar of promoted list down

Similar Messages

Maybe you are looking for