Saving Navigation Bar as Library Item with CSS working?

I have created a simple navigation bar with a separate color for "over" and saved it as a library item. A warning box indicates that the item may not work the same as the original as the CSS may not be copied. What is the simplest method for correcting this?

If your html docs are linked to an external stylesheet, they will get their styles from the CSS file.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
I highly recommend using server-side includes instead of Library Items for menus. A server-side include file is easier to maintain by editing one file and uploading it to your server. With Library Items you must make changes to the Library Item and then re-publish all pages containing that item.
SSI's
http://www.smartwebby.com/web_site_design/server_side_includes.asp
More on SSI
http://forums.adobe.com/message/2112460#2112460
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Navigation bar as library item

I know I'm missing something obvious here but I thought a
navigation bar was an obvious choice for a library item. I had
created a nav bar on one template and then saved as a new template
to create the second one. I want to make changes to the nav bar
that will affect both. I saved the nav bar in the library items but
now when I try to place it from library to each of the templates I
get a message about a code error. Is there a better way to use one
nav bar throughout the site?

> I saved the nav bar in the library items
> but now when I try to place it from library to each of
the templates I get a
> message about a code error.
as a guess, did you add "behaviors" to the navigation bar
that is now a
library item?
for a smallish site, use a dw template. The "behaviors" will
work and there
are work-arounds if doing something strange.
for a larger site or if the item will be frequently changed,
consider SSI
server side includes.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

CSS navigation bar on MAC - problem with layering?

Hello,
I'm building a Web site with CSS. I'm using a navigation bar
that I found at CSS PLaY (
http://www.cssplay.co.uk/menus/dd_valid.html).
The flyout menu goes under a page item on the MAC. I have no idea
how to even approach a fix for this. Any suggestions would be much
appreciated.
A sample page is available here:
http://ccdb.hypermart.net/BIRNDEVWEB/TEST-SITE/birntest_TEMPLATE_HOME_2col.html
CSS files are linked in the HTML document.
The CSS file for the main page elements is
http://ccdb.hypermart.net/BIRNDEVWEB/TEST-SITE/birntest_TEMPLATE_HOME_main.css
The CSS file for the navigation is
http://ccdb.hypermart.net/BIRNDEVWEB/TEST-SITE/birntest_TEMPLATE_HOME_nav.css
AND
http://ccdb.hypermart.net/BIRNDEVWEB/TEST-SITE/birntest_TEMPLATE_HOME_nav_IE.css
I can be reached at [email protected]
Thanks!

Lisa -
This is something for your application developers to remedy
-if they can, they need to call the browser window without the
address bar. If it's a web app, they can use the document.open
method, and specify "address=0."
If for some reason that can't be done, you can create a
temporary topic that only exists to redirect the user to a window
of your own, with the document.open method, and no address bar.
Your original startup window, with all the toolbars stuff, closes
itself after launching the trimmed window.
Not sure what an internet server would do for you in this
case - are you trying to keep folks off the web, or out of a server
area?

Trouble converting a complicated navigation into a library item

I am having trouble converting our main navigation into a
library item. The navigation includes many images, layers and
behaviors. You can see the nav at the top of
http://www.vedanta.org as you
scroll over the main topics just under the banner.
I built the nav from scratch on a new XHTML page and it works
fine. Then I did Edit/Select All and the entire nav was selected.
But when I choose Modify/Library/Add Object to Library, absolutely
nothing happens, nothing appears in the library at all.
Is this navigation too complicated to be saved as a Library
item?
Nancy

DW is having a little trouble interpreting your GL code. For
example, the
menu is here -
<div id="rkou">
<a onMouseOver="CSAction(new
Array(/*CMP*/'B9B0A14425',/*CMP*/'B9B0A14427',/*CMP*/'B9B0A14429',/*CMP*/'B9B0A14431',/*C MP*/'B9B0A14433',/*CMP*/'B9B0A14435',/*CMP*/'B9B0A14437',/*CMP*/'B9B0A14439',/*CMP*/'B9B0A 14441',/*CMP*/'B9B0A14443',/*CMP*/'B9B0A14445',/*CMP*/'B9B0A14447'));return
true;" href="#"
csover="B9B0A14425,B9B0A14427,B9B0A14429,B9B0A14431,B9B0A14433,B9B0A14435,B9B0A14437,B9B0 A14439,B9B0A14441,B9B0A14443,B9B0A14445,B9B0A14447"><img
src="images/navigation/rkou.gif" alt="" height="18"
width="166"
border="0"></a></div>
DW will be flummoxed trying to put this into a Library item.
Either rebuild the menu in DW, or try this -
copy everything from -
<div id="wivu"> (line286)
through -
<p></p> (line 322)
inclusive, and paste it into a new Library item (FILE | New
> Library item).
Save that file in the Library folder with the *.lbi
extension.
When you insert it into a page, MAKE SURE THAT THE PAGE
ALREADY HAS ALL OF
THE GL CODE IN THIS LINKED PAGE IN THE HEAD.
See if that works.
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
==================
"eucalyptus1" <[email protected]> wrote in
message
news:[email protected]...
>I am having trouble converting our main navigation into a
library item. The
> navigation includes many images, layers and behaviors.
You can see the nav
> at
> the top of
http://www.vedanta.org as you
scroll over the main topics just
> under
> the banner.
>
> I built the nav from scratch on a new XHTML page and it
works fine. Then
> I
> did Edit/Select All and the entire nav was selected. But
when I choose
> Modify/Library/Add Object to Library, absolutely nothing
happens, nothing
> appears in the library at all.
>
> Is this navigation too complicated to be saved as a
Library item?
> Nancy
>

Library item and CSS

This is a multi-part message in MIME format.
------=_NextPart_000_006D_01C6ACBA.1BE3DB50
Content-Type: text/plain;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
I need to build a CSS enabled navigation bar and make it a
library item =
in dreamweaver.
My question is I want to put the CSS code right above the
menu bar in a =
block of code that will all be included in the library code.
Can I do =
this with CSS without the <style> tags being placed in
the head of the =
page?
Thanks
Scott Powell
------=_NextPart_000_006D_01C6ACBA.1BE3DB50
Content-Type: text/html;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Diso-8859-1">
<META content=3D"MSHTML 6.00.2900.2912"
name=3DGENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=3D#ffffff>
<DIV><FONT face=3DArial size=3D2>I need to build
a CSS enabled =
navigation bar and=20
make it a library item in
dreamweaver.</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV><FONT face=3DArial size=3D2>My question is I
want to put the CSS =
code right=20
above the menu bar in a block of code that will all be
included in the =
library=20
code. Can I do this with CSS without the
<style> tags being placed =
in the=20
head of the page?</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV><FONT face=3DArial
size=3D2>Thanks</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>Scott
Powell</FONT></DIV></BODY></HTML>
------=_NextPart_000_006D_01C6ACBA.1BE3DB50--

This is a multi-part message in MIME format.
------=_NextPart_000_0387_01C6AD63.F7A6A920
Content-Type: text/plain;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
>>>I need to build a CSS enabled navigation bar and
make it a library =
item in dreamweaver.
Why not make it a Server Side Include instead and avoid all
the =
maintenance hassles of Library items?
>>>My question is I want to put the CSS code right
above the menu bar in =
a block of code that will all be included in the library
code. Can I do =
this with CSS without the <style> tags being placed in
the head of the =
page?
Yes, by defining the styles inline but you're better off
setting up your =
CSS as a separate file then linking to it from the head of
the page.
--=20
Regards
John Waller
------=_NextPart_000_0387_01C6AD63.F7A6A920
Content-Type: text/html;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Diso-8859-1">
<META content=3D"MSHTML 6.00.2900.2912"
name=3DGENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=3D#ffffff>
<DIV><FONT face=3DArial size=3D2>
<DIV><FONT face=3DArial
size=3D2>>>>I need to build a CSS =
enabled=20
navigation bar and make it a library item in
dreamweaver.</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV>Why not make it a Server Side Include instead and
avoid all the =
maintenance=20
hassles of Library items?</DIV>
<DIV> </DIV>
<DIV><FONT face=3DArial
size=3D2>>>>My question is I want to =
put the CSS=20
code right above the menu bar in a block of code that will
all be =
included in=20
the library code. Can I do this with CSS without the
<style> tags =
being=20
placed in the head of the
page?</FONT></DIV></FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT><FONT face=3DArial =
size=3D2></FONT><FONT=20
face=3DArial size=3D2></FONT><FONT face=3DArial
size=3D2></FONT><FONT =
face=3DArial=20
size=3D2></FONT> </DIV>
<DIV><FONT face=3DArial size=3D2>Yes,
by defining the styles =
inline but=20
you're better off setting up your CSS as a separate
file then =
linking=20
to it from the head of the page.</FONT></DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV><FONT face=3DArial
size=3D2></FONT><FONT face=3DArial =
size=3D2></FONT><FONT=20
face=3DArial size=3D2></FONT><FONT face=3DArial
size=3D2></FONT><FONT =
face=3DArial=20
size=3D2></FONT><BR>--
<BR>Regards</DIV>
<DIV><FONT face=3DArial
size=3D2></FONT> </DIV>
<DIV>John Waller</DIV></BODY></HTML>
------=_NextPart_000_0387_01C6AD63.F7A6A920--

Error adding Navigation bar to Library

I've created a navigation bar that does not use a table, and
I want to add it to the Library, but when I attempt to do that, I
receive an error "Making this change would require changing code
that is locked by a template or a translator. The change will be
discarded", and although an item is created in the Library, there
is no code in the original document showing conversion to a Library
item. If I then try to insert this Library item into another page
into which another Library item, such as a copyright and last date
changed item, I receive the same error message as when I tried to
create the Library item in the first place. If I delete the
copyright/date changed Library item, then I can insert the
Navigation bar from the Library, and then I can reinsert the
copyright/date changed item, and everything appears to work.
Help!

If you are not using Templates, then we will have to see your
page and its
code. Can you post a link to one of these pages, please?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"tripap" <[email protected]> wrote in
message
news:g3htfp$nhd$[email protected]..
> This problem has nothing to do with templates. These are
pages that were
> created without use of templates, and I created a
copyright and update
> info
> item that I saved to the Library. All of the pages had
navigation bars,
> and I
> attempted to copy the Navigation bar from one of the
pages and save it to
> the
> Library. I was saved, but when the application attempted
to create the
> html
> text to replace the original code for the navigation bar
that had been
> saved to
> the Library, I got the error message. I had maybe five
other pages that
> all had
> the same copyright notice object from the Library, and
when I deleted the
> navigation bar from all of them and tried to insert the
version from the
> Library, I always received the same error message. Since
I could find
> nothing
> in the html code that would imply locking by a
translator or template, I
> started to eliminate items, including the Library items
that had been
> inserted,
> and when I deleted the copyright notice Library item,
then I could insert
> the
> navigation bar without an error. And then I could put
back the copyright
> notice
> object and everything worked. I'm running Vista
Ultimate, and I wonder
> whether
> there's anything related to Vista. I'm still quite
puzzled by what I've
> run
> into.
>

Flash Pro CC to CS6 fla issue - Bad library items and new library items with unicode names

I've noticed a strange issue when opening fla files in Flash Pro CS6 that have been edited in Flash Pro CC. If there are library items in the fla with names that include symbols such as ">" or ".", unicode named symbols are created and the original symobls are unuseable. There are many symbols that cause the issue and the symbols just have to be a part of the name.
Steps to reproduce:
1) Create an fla file in Flash Pro CC.
2) Add a single movieclip to the library with a symbol name of ">".
3) Save the file.
4) Open the file in Flash Pro CS6.
Results:
Library contains 2 symbols, one named ">" and one named "&#062".
Expected:
There's one library symbol named ">".
After that double clicking the symbol named ">" will do nothing and instances of the symbol will have all their content removed.
This issue is breaking a JSFL script I wrote that loops the library items. When the script attempts to access item.layerCount the script errors out. My team is blocked from using Flash Pro CC in combination with Flash Pro CS6 because of this issue. The only good solution I can think of is to all switch to CC at the same time to avoid converting our fla files to CS6 from CC.
Any info on a fix for this issue would be appreciated.

The dialog you get when you open the FLA in CS6 is that new features may not be available in CS6 so you should save it to a new file to avoid corruption. There's no "save down" from CC to CS6 (yet). So opening the file in CS6 isn't advisable in the first place.
That said, library items are supported between them both so to your point, yes, I get the same exact behavior. A single symbol named ">" in CC produces 2 library items in CS6 named ">" and "&#062", and the original item is lost. Although I'm not sure where I'd classify this issue being you shouldn't be opening a newer version file from an older version of the application. I did also try XFL, same issue. If they decide to create a save-down to CS6 and this still exists, I'd consider it a bug.
As for a fix, I think about the only thing that comes to mind is identify the characters causing issues and run a JSFL in CC to rename the library item temporarily to something you know will work fine. Then once back in CS6, run the JSFL opposite to convert them back to what you want. e.g. "this > that" to "this XYZ that" in CC, then "this XYZ that" to "this > that" in CS6. Shouldn't be too hard to map as long as the replacement is unique.

Dreamweaver CC Library Item with rollover link produces two body tags. Why?

I have a library item which is used in two pages and works correctly if it does not contain a rollover arrow with a link taking you to the top of the library item. This produces the following near the top of each of the containing pages:
</head>
<body class="indexpage">

<p><a id="top"></a></p>
Note that the Library Item does not itself have a <body> tag in this original, working version.
The problem arises when I insert an image rollover with a link up to #top (which is defined as above).
First, the Library Item has the following near its top:
<script ...>
... various functions to handle the rollover
</script>
<body onLoad="MM_preloadImages('../images/uparrowred2.gif')">
<p><a id="top"></a></p>
Secondly, the containing pages now have the following near the top:
</head>
<body class="indexpage" onLoad="MM_preloadImages('images/uparrowred2.gif)">

<script ...>
... various functions to handle the rollover
</script>
<body onLoad="MM_preloadImages('../images/uparrowred2.gif')">
<p><a id="top"></a></p>
It can be seen (shown in red) that the Library Item has correctly transferred the onLoad instruction to the containing page's <body> tag and at the same time altered the address of the GIF image from '../images/xxx.gif' to 'images/xxx.gif'. [The root folder with the various html pages has a number of subfolders including 'images' and 'Library']. But now, unfortunately, the containing pages have two <body> tags with the second one pointing to the wrong location for the GIF image.
Would someone please explain what is going on. I can think of three possibilities: (1) I may be doing something really stupid, (2) there may be a bug in Dreamweaver CC or (3) Library Items may not be allowed to contain anything "complicated" like a rollover. I did see a very old (2007) discussion in this forum suggesting that Library Items were rather limited in what they could contain, but over the intervening six years I would have expected things to have improved.

Thank you, but in that case I'm not sure I understand the purpose of Library Items. Before I added the Library Item, there was nothing to preload. When I add a rollover to the Library Item, Dreamweaver creates the preloader instruction within the Library Item. Then when I include the Library Item in an html page, Dreamweaver controls where the preloader is put.
Do I then need to manually edit what Dreamweaver has done? In this instance it would have been almost as quick to have ignored the use of a Library Item and copied and pasted the relevant code into the two pages and manually created the revised <body> tag with a preloader. In my relative inexperience with Dreamweaver, I just thought that using a Library Item in multiple pages would save me some effort when I wanted to change the content of the Library Item. As I said, the Library Item worked OK until I added a rollover within it.

Deleting Library Items with Action Script

Is it possible to delete the library items at runtime?
I am loading b.swf in a.swf. After some time b.swf unloads and c.swf is loaded inside a.swf. Though the b.swf unloads but the library items of b.swf remain there and conflict with the library items of c.swf. c.swf has some items with the same name as in b.swf. c.swf shows the movieclips from the library of b.swf with similar name.
I think the best way would have been to load these assets externally instead of keeping them in the library if we want to destroy them at runtime. But, we have a large number of already constructed files. Ability to destroy the library items at runtime will also help maintain memory usage in limits.

If you have swf files in your library, that is not a good way to implement a design. You should load all swf content dynamically at run time. You cannot delete anything compiled into the file, such as library objects, as far as I know.

Navigation Bar Problem - One tab/page not working

Hi All,
I apologise in advance if this has been covered, my searching skills are lacking today.
I have created a website and uploaded. All is fine, but in my Navigation bar my 2nd last page is having issues.
Once you click on it you cannot click back to any of the previous pages (if that makes sense)
My website is here: www.makeupbyjade.com.au
It is the 'Contact Me' page.
You can click on the page, but once you do, you cannot go back an view another page.
I am very new to the whole IWeb thing and am still trying to find my feet with alot of it. Does anyone know what i have done wrong????
Thank you in advance
Jade
Message was edited by: Jadelina

All is good. I fixed it.
Thank you anyway

I am trying to create a website online. The sitebuilder does not have it's navigation bar. It does with Internet Explorer

I am using 2 website builders online -Leagueapps and Teamthing - to build a sports league management site. Both have wysiwyg pagebuilders. Both are missing the navigation/menu bar.
I tried Internet Explorer and the navigation/menu bar is there. However I get lots of pop up advertisements even though pop up blocker is enabled.
I prefer Firefox as a browser and would welcome any advice as to how to rectify this glitch.

Firefox needs 32-bit plugins, so you'll need to install 32-bit Java for Firefox.
No, you can't change Firefox from 32-bt to 64-bit. There is a Nightly 64-bit version (alpha) of Firefox, but it is used only to test for regressions until development is resumed.

Sharing some library items with another itunes library on the same computer

My daughter had pretty much taken over my ipod, and thankfully just received her own for her birthday. I'm not interested in much of her music choice, so I think she should have her own itunes library; however many of the songs in my itunes library are ones she'll want in her library. We share a computer, is there a way I can share some of my songs with her (send copies to her itunes library)?

No need for a 2nd Itunes library. My daughter has many songs I don't like, however we share the same Itunes library. What I do is create seperate playlists. Go to FILE / new folder... folder can then be named (yours) make another for daughter. Then from main library /music will list all songs.
Left click and hold on the song to drag it over to your playlist. once over selected playlist it will turn blue, release left mouse. When you plug in you
IPod click on box sync only checked songs and videos only. From the music tab
click on circle Selected Playlists, then check your playlist and only your songs will load to your Ipod.
When adding new songs they will have to be dragged from main music library to your playlists. Songs can be removed from playlists by right clicking on song and selecting delete. the song will be removed from the playlist but remain in the library, a prompt will tell you this. Hope this helps

Navigating to the text item with color

hi all,
i have 10 text_items in my form, i want that when i am in first text_item the color should change default to any color i want (take suppose yellow)
then when i am going to second text_item then color should change to yellow like that it has to happen for all the text_items.
how can i do this... where i should write the code and what code...
please reply...

Create one VISUAL ATTRIBUTE with background color = yellow and use the code as below on block level triggers.
1. Create one trigger on block-level called PRE-TEXT-ITEM and use the code as below...
SET_ITEM_PROPERTY(:SYSTEM.CURRENT_ITEM,VISUAL_ATTRIBUTE,'VISUAL_ATTRIBUTE_NAME');2. Create another trigger on block-level called POST-TEXT-ITEM and use the code as below...
SET_ITEM_PROPERTY(:SYSTEM.CURRENT_ITEM,VISUAL_ATTRIBUTE,'DEFAULT');-Ammad

I accidently Hid The menue bar and Navigation bar and only left with the bookmarks...I tried right click but cant find the right spot for the box to pop up to check menue bar, i also tried pressing alt and it did nothing. what else can i do? I need this a

I was trying to hide just my clock for the history and the menu bar(file,edit all that), I dont know what i clicked but it got rid of everything except for the bookmark tabs. I know if you right click on the menu bar you can fix it, but since there is no menu bar anymore, this isnt working. i looked up how to do it in the forum found out you can press alt and do it that way, maybe i didnt do right, but that didnt work either.please help me!
== This happened ==
Just once or twice
== I tried to hide my history and menu bar, and it jost got rid of it all. ==
== User Agent ==
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; OfficeLiveConnector.1.3; OfficeLivePatch.0.0)

If that still doesn't work then see http://kb.mozillazine.org/Corrupt_localstore.rdf
(caution: do not delete the localstore.rdf file in the Firefox program installation folder)
Note:
Deleting the file [http://kb.mozillazine.org/localstore.rdf localstore.rdf] will reset the customizations of the toolbars to the defaults.
You can rename ''localstore.rdf'' to '''localstore.rdf.sav''' to test if that solves it.
Then you can restore the customization by copying ''localstore.rdf.sav'' to ''localstore.rdf'' if it didn't work.
Start Firefox in [[Safe Mode]] to check if one of your add-ons is causing your problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
See [[Troubleshooting extensions and themes]] and [[Troubleshooting plugins]]

Text in navigation bar and footer appears with time lag

When I preview my muse website on business catalyst sometimes - not always - the text in the naviagation bar and some of the text in footer area is invisible. After mouse over the text appears.
The same effects happens after uploading my final website to my hosting provider. This effect could be very confusing for my website visitors.
What can I do to avoid this effect.
Kind regards
Marco

Are you using web fonts and testing on Chrome browser? If yes, please refer to the following thread - http://forums.adobe.com/message/6238025.
If the above is not the case, a site URL would help in identifying the issue.
Thanks,
Vinayak

Saving Navigation Bar as Library Item with CSS working?

Similar Messages

Maybe you are looking for