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?

Similar Messages

How can I use my Html/CSS Navigation bar to control an Edge Stage?

I have an HTML/CSS navigation bar set up in my EDGE created page. The Navbar is not created in edge. I would like to use these buttons to control the stage.
Inside the stage the main timeline has labels and stop actions every 1.5 secs to create a horizontally sliding site.
The labels are as follows: home, work, blog, profile, and contact. I can easily use a symbol created inside edge for example:
sym.play("home");
and animate a 6000px width symbol across my 1000px stage in 1000px increments.
I do not want to use a symbol inside of edge to do this because I cannot create the effect that the html/css navbar has on mouseover inside of edge.
So I am interested in knowing if I can use this bar to control my main timeline so I don't have to sacrifice design for functionality.
currently the link list is setup with the standard hyperlink. What code would I use to play the stage on click of the html navbar?
Many thanks to anyone who can help with this!
Here is the code for the navbar:
<div id="menu"><ul class="block-menu">
 <li><a href="/home" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>
 <li><a href="/demos" class="three-d">
 Work
 WorkWork
 </a></li>
 <li><a href="/deals" class="three-d">
 Blog
 BlogBlog
 </a></li>
 <li><a href="/about" class="three-d">
 Profile
 ProfileProfile
 </a></li>
 <li><a href="/about" class="three-d">
 Contact
 ContactContact
 </a></li>
 </ul>
</div>
Full HTML:
<!DOCTYPE html>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
 <title>Untitled</title>

 <script type="text/javascript" charset="utf-8" src="workapp_edgePreload.js"></script>
 <style>
 .edgeLoad-EDGE-57204389 { visibility:hidden; }
 .block-menu {
 display: block;
 background: #000;
 .block-menu li {
 display: inline-block;
 .block-menu li a {
 color: #fff;
 display: block;
 text-decoration: none;
 font-family: 'Passion One',Arial,sans-serif;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 font-smoothing: antialiased;
 text-transform: uppercase;
 overflow: visible;
 line-height: 20px;
 font-size: 24px;
 padding: 15px 10px;
 /* animation domination */
 .three-d {
 -webkit-perspective: 200px;
 -moz-perspective: 200px;
 perspective: 200px;
 -webkit-transition: all .07s linear;
 -moz-transition: all .07s linear;
 transition: all .07s linear;
 position: relative;
 .three-d:not(.active):hover {
 cursor: pointer;
 .three-d:not(.active):hover .three-d-box,
 .three-d:not(.active):focus .three-d-box {
 -moz-transform: translateZ(-25px) rotateX(90deg);
 -webkit-transform: translateZ(-25px) rotateX(90deg);
 -o-transform: translateZ(-25px) rotateX(90deg);
 transform: translateZ(-25px) rotateX(90deg);
 .three-d-box {
 -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -ms-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
 transition: all .3s ease-out;
 -webkit-transform: translatez(-25px);
 -moz-transform: translatez(-25px);
 -o-transform: translatez(-25px);
 transform: translatez(-25px);
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 -o-transform-style: preserve-3d;
 transform-style: preserve-3d;
 pointer-events: none;
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 100%;
 .front {
 -webkit-transform: rotatex(0deg) translatez(25px);
 -moz-transform: rotatex(0deg) translatez(25px);
 -o-transform: rotatex(0deg) translatez(25px);
 transform: rotatex(0deg) translatez(25px);
 .back {
 -webkit-transform: rotatex(-90deg) translatez(25px);
 -moz-transform: rotatex(-90deg) translatez(25px);
 -o-transform: rotatex(-90deg) translatez(25px);
 transform: rotatex(-90deg) translatez(25px);
 color: #FFE7C4;
 .front, .back {
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: black;
 padding: 15px 10px;
 color: white;
 pointer-events: none;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 </style>

</head>
<body>
<div id="menu"><ul class="block-menu">
 <li><a href="/home" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>
 <li><a href="/demos" class="three-d">
 Work
 WorkWork
 </a></li>
 <li><a href="/deals" class="three-d">
 Blog
 BlogBlog
 </a></li>
 <li><a href="/about" class="three-d">
 Profile
 ProfileProfile
 </a></li>
 <li><a href="/about" class="three-d">
 Contact
 ContactContact
 </a></li>
 </ul>
</div>
<div id="Stage" class="EDGE-57204389">
</div>
</body>
</html>

I've come across this from the Edge API:
Edge.getComposition(compId)
Anyone having trouble with this same issue should try this:
var targetComp = AdobeEdge.getComposition('TARGETCOMPID');
 targetComp.getStage().play();
in their trigger or event handler.
How I got it to work:
<li><a href="javascript:var targetComp = AdobeEdge.getComposition('EDGE-57204389');
 targetComp.getStage().play();" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>

A Problem with Layers

I am having a problem with layers in different browsers. I
have a menubar with some drop-down items. Some of these need to
fall over other page objects such as GIFs. The problem is that in
order for that to render correctly in IE, I have to set the z-index
of the GIF to -1. However a GIF set to -1 doesn't render at all in
Netscape. If I set the z-index to 0 it works fine in Netscape but
not in IE. Has anyone dealt with this problem???

Ugh. You are in deep doody.
Your only option now is to hack mm_menu.js, and change all
instances of -
z-index="1"
to -
z-index="99"
But - perhaps it would help if you read what the 'author' of
that menu code
(he adapted it, actually) says about the menus -
http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
In addition, this page will show you the potential problem of
building with
only layers -
http://www.great-web-sights.com/g_layer-overlap.asp
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
==================
"glen_nicholls" <[email protected]> wrote in
message
news:enm2cp$de7$[email protected]..
> Yes, everything on my page is in layers. Is that OK?
Also I created my
> menu in Fireworks.

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

Printing Problem with layered photos

I have sent my InDesign document to the printer for reproduction. There seems to be a problem with the output. A couple of the photos (layered) did not print. On my personal printer they print fine both directly from InDesign and the PDF I created. Any suggestions?

You probably need a global CSS file for your GoLive site.

Word 2011 for Mac - problems with font color

After reading others' problems with Word, I feel lucky I've got only this small one: I can't change the color of fonts! When I click the arrow next to the Colored A, I get a blank menu! I've found a few others with this problem on the web, but no clear, simple solutions. Anybody got one? I'd really appreciate it!

Louise,
I'd recommend visiting the Office for Mac Product Forums for MS Office questions.

Mac: Problems with certain characters in the editor

I have now downloaded the production version on my Mac and it runs just fine. The first thing I see is that the painting problems with the close icons etc. have been fixed. Thank you for that. But I still have trouble typing certain characters in the editor. I haven't reported that yet, but I have seen others report similar problems caused by missing support for international keyboards. The characters that I cannot type are |\[{]} which is pretty annoying when you're writing Java code. :-) It works fine in normal Java text fields. On my Norwegian keyboard I normally input all these characters by typing 7 and 8 combined with option or option + shift.

Check if database characterset supports these special characters
check client's nls settings.
check client machine's language settings (converts characters in driver level)

Boot MAC problem with this update: O X 10.10.3

MAC BOOK pro ( OX yosemite 10.10.2) have problems with O X 10.10.3 update (in 2 trial) during reboot.

Try these in order testing your system after each to see if it's back to normal:
1. a. Resetting your Mac's PRAM and NVRAM
    b. Intel-based Macs: Resetting the System Management Controller (SMC)
2. Restart the computer in Safe Mode, then restart again, normally. If this doesn't help, then:
Boot to the Recovery HD: Restart the computer and after the chime press and hold down the COMMAND and R keys until the Utilities menu screen appears. Alternatively, restart the computer and after the chime press and hold down the OPTION key until the boot manager screen appears. Select the Recovery HD and click on the downward pointing arrow button.
3. Repair the Hard Drive and Permissions: Upon startup select Disk Utility from the Utilities menu. Repair the Hard Drive and Permissions as follows.
When the recovery menu appears select Disk Utility. After DU loads select your hard drive entry (mfgr.'s ID and drive size) from the the left side list. In the DU status area you will see an entry for the S.M.A.R.T. status of the hard drive. If it does not say "Verified" then the hard drive is failing or failed. (SMART status is not reported on external Firewire or USB drives.) If the drive is "Verified" then select your OS X volume from the list on the left (sub-entry below the drive entry,) click on the First Aid tab, then click on the Repair Disk button. If DU reports any errors that have been fixed, then re-run Repair Disk until no errors are reported. If no errors are reported click on the Repair Permissions button. Wait until the operation completes, then quit DU and return to the main menu. Select Restart from the Apple menu.
4. Reinstall Yosemite: Reboot from the Recovery HD. Select Reinstall OS X from the Utilities menu, and click on the Continue button.
Note: You will need an active Internet connection. I suggest using Ethernet if possible
            because it is three times faster than wireless.
5. Reinstall Yosemite from Scratch:
Be sure you backup your files to an external drive or second internal drive because the following procedure will remove everything from the hard drive.
How to Clean Install OS X Yosemite
Note: You will need an active Internet connection. I suggest using Ethernet if possible
            because it is three times faster than wireless.

Script Icon Creates Problem with Layers

This is probably a really stupid question, but I had created
a navigational bar for my site in Fireworks MX 2004. After working
through a few issues I decided that it would be best to add popup
sub-menus to the navigational bar. I am working in Dreamweaver MX
2004 and the navigational bar is contained in a layer. When I
re-inserted the updated navigational bar into the layer a script
icon appeared at the top of the layer causing the navigational bar
to appear lower than it had previously. It now covers up the image
below it and throwing off the design of the whole page. When I view
my page in my browser everything appears as it should. I have tried
removing the nav bar from the layer and just inserting it at the
top of the page and I still have the same layout problem although
the icon no longer appears. The nav bar just has a larger space
above it. I have also searched for an option to hide the script
icon and cannot find anything. This new development has made my
design efforts significantly more difficult. Does anyone have a
suggestion????
Thanks,
Margaret

On Tue, 13 Jun 2006 00:35:45 +0000 (UTC), "margaretx3"
<[email protected]> wrote:
>When I re-inserted the updated navigational bar into the
layer a script
>icon appeared at the top of the layer causing the
navigational bar to appear
>lower than it had previously.
Click View->Visual Aids and uncheck Invisible Elements
Gary

ITunes 10.6 Mac Problem with Subscriptions Management

I have my MacBook updated to the latest everything, including iTunes 10.6.
I have noticed a problem with iTunes, in that I can log in to the store with my AppleId and buy apps, music, books, magazines movies etc and everything works fine.
However some apps have an auto-renewing subscription and I have a problem here. I log in with my AppleId, go to manage account and am then presented with an endless loop of password requests.
There doesn't seem to be any way to get to the subscriptions to turn them off.
Does anyone have any helpful tips?
thanx

I just tried this also on my iPad and it doesn't work there either. Although I can get into the account settings, when I try and change a subscription I get a big black rectangle in the middle of the screen and the iPad hangs until the screen login thing kicks in and I have to enter my pincode again.
Maybe this is something to do with my AppleId, I can't actually believe this is a fundamental problem, although maybe I am optimistic.

[CS3 - JS - Mac] Problem with encoding

Hi,
I made a script that perform a lot of actions on ID.
Everytime this script performs an action it writes a line on a global variable and at the end of the script write this var into a text file ( in the Document folder).
Yes, it's a log file...
While I was testing this script through the Toolkit everything went right.
Then I added a menu action inside the script to call the script from the application and something strange happened, in the log file (wich is a text file UTF8 encoding) and also in the alerts ID shows. Both display text from this:
"È necessario effettuare una selezione" (running the script from the toolkit)
to this:
"√à necessario effettuare una selezione" (running the script from ID menu)
So I think it's an encoding problem...
I just added this code:
#targetengine "Lele";
var Lele_menu = app.menus.item("Main").submenus.add("Lele");
// Menu
var main_action = app.scriptMenuActions.add("Update");
var main_event_listener = main_action.eventListeners.add("onInvoke", function(){main();});
var main_menu = Lele_menu.menuItems.add(main_action);
// Functions
What's the point?
Hope you understood.
Thanks!
Lele

I had problems with UTF encoding so I use this function to write the log file:
var log_file = new File(file_path);
log_file.encoding = "UTF8";
log_file.lineFeed = "unix";
log_file.open("w");
log_file.write("\uFEFF" + text_var);
log_file.close();
Where text_var is the log string.
When it's written form the ESTK everything is right, when called from the menu it isn't.
It's strange that it also involves alert text innit?

Navigation Bar OnClick JavaScript Problem

I tried to create a Navigation Bar to pop up a online help documentation. The sample application can be seen at
http://apex.oracle.com/pls/otn/f?p=27294:1
When I debugged the application, I found that the link of Help Navigation Bar points to "http://apex.oracle.com/pls/otn/f?p=27294:#:432121301146634::NO:::"
not as what I defined on OnClick JavaScript for the navigation bar. The Help Window won't pop up.
Please help. Thanks.

Have a look at the following post:
how to create a popup help page in html db

Problems with Layers in CS4

I have Dreamweaver CS4 setup on a new Win XP Pro computer
with 1gb of memory.
I was setting up a webpage that would act like a manual
photogallery. The user by clicking on one image could change to the
next image.
Everything was done using AP Div and hiding all the layers
except the first one. This all went well until I tried do two
things.
The first was to Create a Class for the layers called "Hand",
so that when the user moved the cursor over the layer(or image),it
would turn into the hand icon.
Normally I would done this by:
Open the page with the layers, then in code view, put the
cursor on any layer name. In the Property Selector, in the Class
Box choose "Manage Styles". From here I could create a Class named
Hand and apply it to all the layers.
In CS4 this is NOT an option and I need to know how to get to
the option called "Manage Styles". Another option (general) is how
to create a New Class for layers in CS4.
The second problem, was with Behaviors. To change images, I
used "Show-Hide Elements" with trigger being "onClick". That did
NOT work.
That not working, I switched to the trigger "onDblClick".
This did work. Is this a glich in CS4 or something I can fix? I see
this as a minor thing and was just wondering.
BTW Adobe did a nice job grouping the CSS Styles, AP Elements
and Tag Inspector Panels. Saves space and is very nice way to set
it up.
Any help would be greatly appreciated.
If needed sample pages can be put on the web to see the
code.

> The first was to Create a Class for the layers called
"Hand", so that when
> the
> user moved the cursor over the layer(or image),it would
turn into the hand
> icon.
Out of the block this means that you are improperly applying
the behavior
directly to the <img> tag rather than to an anchor tag
- <a> - surrounding
an image. All behaviors should be applied to anchor tags
(usually). To fix
this, select the image, and in the BEHAVIORS panel, change
the onclick event
to <A> onclick. That will have the effect of wrapping
the image with an
anchor, and at the same time, moving the behavior call to
that anchor. Do
this for each such image. To change the event, click on the
onclick event
in the event column, and then select the dark arrow to drop a
list of
choices. Now you will not need the custom CSS class, as links
on an anchor
always get the correct pointer by default.
> The second problem, was with Behaviors. To change
images, I used
> "Show-Hide
> Elements" with trigger being "onClick". That did NOT
work.
It should. If you select each individual image's anchor (or
apply the
behavior first, and use the event change I described above)
you should be
fine.
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
==================
"fawny111" <[email protected]> wrote in
message
news:[email protected]...
>I have Dreamweaver CS4 setup on a new Win XP Pro computer
with 1gb of
>memory.
>
> I was setting up a webpage that would act like a manual
photogallery. The
> user by clicking on one image could change to the next
image.
>
> Everything was done using AP Div and hiding all the
layers except the
> first
> one. This all went well until I tried do two things.
>
> The first was to Create a Class for the layers called
"Hand", so that when
> the
> user moved the cursor over the layer(or image),it would
turn into the hand
> icon.
>
> Normally I would done this by:
> Open the page with the layers, then in code view, put
the cursor on any
> layer
> name. In the Property Selector, in the Class Box choose
"Manage Styles".
> From
> here I could create a Class named Hand and apply it to
all the layers.
>
> In CS4 this is NOT an option and I need to know how to
get to the option
> called "Manage Styles". Another option (general) is how
to create a New
> Class
> for layers in CS4.
>
> The second problem, was with Behaviors. To change
images, I used
> "Show-Hide
> Elements" with trigger being "onClick". That did NOT
work.
>
> That not working, I switched to the trigger
"onDblClick". This did work.
> Is
> this a glich in CS4 or something I can fix? I see this
as a minor thing
> and
> was just wondering.
>
> BTW Adobe did a nice job grouping the CSS Styles, AP
Elements and Tag
> Inspector Panels. Saves space and is very nice way to
set it up.
>
> Any help would be greatly appreciated.
> If needed sample pages can be put on the web to see the
code.
>

Problem with layers in saving logo as jpg

Hi- I created a logo in Illustrator and brought it into Photoshop. I wanted to save it as a .jpg in My Pictures to upload it to a website. But when I tried to change from the file extension psd to jpg, I got a dialogue box which says I'll have to save it as a copy. Under Save Options, there is a caution sign next to Layers. Under Color, it's checked next to the ICC Profile: US Web Coated (SWOP)v2. Also checked is Use lower case extension. When I save it as a jpg anyway and try to upload it to the site, it shows up as a box with an "X" in it. Can someone tell me what I've done incorrectly? Thanks!

OK, no problem. Here's the process I've been going through. I click Save
As. A dialogue box appears with "Save As" at the top. I save it in My
Pictures, as this is where I access images for this website. Under
"Format", I select .jpg. As soon as I do this, in the "Save Options"
section below, I see a yellow caution sign next to "layers" and at the
bottom a message appears which says, "File must be saved as a copy with
this selection". This is confusing, since I've gone through this process
before with other logos without having this problem. I'm wondering if it
has to do with the Illustrator file I originally brought into Photoshop.
Thanks for your help.

IWeb/.Mac problems with Updating

I have two new problems that just began.
#1 I can't publish/update my work in iWeb anymore. I get a "Publish Error" that stops me from updating anything. It doesn't matter if it's a blog, podcast, or comma on the homepage... nothing will upload anymore.
#2 Other users can't visit my site anymore because a password protection has suddenly appeared. I don't have a password set to my site and have never done that, so I don't know how it was put onto my three sites. I've checked the password section of the Inspector as well as the .Mac system preference. There is no password set.
Any help would be appreciated.
Ted
http://web.mac.com/tntnzing
17" 1.67 GHz G4 Laptop Mac OS X (10.4.6) 1 GB RAM

I updated this morning and have been unable to publish at all. I did a "publish all" and which it did fine and then the background publishing notice came up and it appeared to have worked fine up until the end. Completely unsuccessful. During the course of trying this three times, I came up with at least three different error messages, ranging from the a "network error, check your Internet connection," which is working fine, to unable to publish. I repaired permissions and even deleted the plist (preferences). I hope Apple can remedy this.Very disappointing.
iMac G5 Mac OS X (10.4.6) 1 GB RAM

CSS navigation bar on MAC - problem with layering?

Similar Messages

Maybe you are looking for