Nav bar question

I have built the first handful of pages for a site using DW CS4. I have a couple of glitches that I can't seem to get sorted out.
Here is the site:
http://www.prospectrealty1.fatcow.com/index.html
First question is regarding the main (in the header) navigation bar. I created it by floating css background images and using a:link and a:hover and a:active. It works fine (in firefox) except for one thing. I want the links to be the active(orange) color when the user is on the associated page. So the link for FEATURED is white when up, has the shadow effect on hover and would be the Orange color on down. I can't figure out how to get the down state to work.
Second problem is with the horizontal ul at the very top. It looks fine in Firefox but in IE 8 the right most email link gets put on a second/lower line and that's not good plus it seems to be messing up the nave bar at the bottom of the header.
Any help with this will be very much appreciated.
Thanks!

markf12 wrote:
I have built the first handful of pages for a site using DW CS4. I have a couple of glitches that I can't seem to get sorted out.
Here is the site:
http://www.prospectrealty1.fatcow.com/index.html
First question is regarding the main (in the header) navigation bar. I created it by floating css background images and using a:link and a:hover and a:active. It works fine (in firefox) except for one thing. I want the links to be the active(orange) color when the user is on the associated page. So the link for FEATURED is white when up, has the shadow effect on hover and would be the Orange color on down. I can't figure out how to get the down state to work.
Second problem is with the horizontal ul at the very top. It looks fine in Firefox but in IE 8 the right most email link gets put on a second/lower line and that's not good plus it seems to be messing up the nave bar at the bottom of the header.
Any help with this will be very much appreciated.
Thanks!
Hello,
Your CSS is a little out of whack!
To create an active tab/link, make a copy of the portion of your CSS that fires the rollover(hover).
Change the color to orange and name the CSS(selector) like this:
.activeLink and place it in the link of the current page like this, than add the style to this selector that you want the link to have.
Based on your CSS, if it does not work, you should use the CSS !important declaration.
<li id="top-home" class=".activeLink"><a href="/index.html"></a></li>, meaning one per page.
Remember add this style only to the the current page.
There are two reasons why the link above could drop. 1). Not enough space for the amount of text you have, eg: too much margin or padding. 2). If the text are floated, you must clear them or at least clear the email so that it does not wrap around the previous text. Example: Clear none or clear right.
Chow!

Similar Messages

Another question about altering nav bar templates

I'm currently building a site using the "modern" template in iweb. So far I've been able to do a lot of customizations, which I love, but the nav bar is driving me CRAZY!
I've read a bunch of other topics and from that I've managed to create my own text box nav bar, but it's still not 100% what I'd like. Here's what I'm looking for:
I love the modern template except the rollover colour in the nav bar being red. I'd like the colour to be dark grey when rolled over just like it is when you're visiting the current page. I made my own text bar in that way but now when I'm on a specific page, that page heading in the nav bar doesn't stay highlighted in dark grey. Is that clear? I'm not familiar with web design and the language that corresponds so if there's anything I can do to clarify, please let me know. I need to know how I can get both: nav bar rolled over in dark grey AND the current page (page being viewed) in dark grey. If anyone has any information to help, I'd greatly appreciate it!
Thanks in advance,
S

Hi OT!
Thanks for the help. I've already done what you suggested but it unfortunately doesn't answer what I'm looking for.
In the modern template, when you're on a specific page, that page's header in the nav bar is dark grey whereas the other tabs in the nav bar remain light grey. I don't want the tabs the change after they've been clicked, rather, I want to keep the function of the template and simply change the rollover colour. Two questions:
1. Is there are way to make a text nav bar do the same thing as the template so when I'm viewing a specific page, the page's nav bar tab remains dark grey but goes back to light grey when I'm viewing a different page?
2. Thank you for the link with the HTML snippet. I had found that link last week but couldn't find it again. I don't know how to alter HTML so while this seems like a great option, I'm wondering how it works. If I put an HTML snippet in the header, is it viewable when the website is live? Is there a way to view the source code of a page?
I apologize if these questions seem rudimentary....I'm quite new to all of this!!!
Thanks for all your help!!!
S

How can I get Firefox 4 to correctly display CSS padding for a horizontal nav bar (works in most other browsers, incl. earlier FF)?

I have just coded a horizontal nav bar for a site with CSS rollover effects using a:hover and a: focus effects. There are no images, just HTML and CSS. The layout works beautifully in IE 6 - 8, Safari for Windows, Opera for Windows...and Firefox 3.X but behaves poorly in Firefox 4. I've hardly ever had problems with FF before. :(
Here's the menu: http://sddlr01.hottubretailer.com/TestNav2.html
The rollovers extend below the height of the background div and the extra padding on the first and last li tag don't display correctly either. The page passes WebDeveloper toolbar CSS and HTML validation as well.
This is making me batty! Any help deeply appreciated!
Thanks.
All CSS code is in the page for debugging purposes.

I do not understand what you mean with "the rollover will extend the full width of the background"
A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
The helpers at that forum are more knowledgeable about web development issues.<br />
You need to register at the mozillaZine forum site in order to post at that forum.<br />
See http://forums.mozillazine.org/viewforum.php?f=25

DReamweaver MX 2004 Nav Bar

As you will see from this question, I am a newbie at website
construction.
I am working on developing a new site using Dreamweaver MX
2004. I have included a navigation bar, which seems to work OK
except for the "Down" mode. "Up", "over" and "Over when down" seem
to work OK, and links to new pages work too.
I expected that when I click on a button, it would turn to
the "Down" graphic, and then when the new page opens, it would also
show the "Down" graphic.
That doesn't happen. Clicking on a button, shows the "Down"
graphic fleetingly, and in the new page which opens the "Up" button
shows. This seems independent of the browser - IE, Firefox etc.
Suggestions as to what is going on, and how to fix it would
be gratefully received. Thanks
Michael

The DW "Nav Bar" feature is a long-in-the-tooth antique,
originally written
to support frames. It is only with frames where you will get
the "down"
state of the buttons working properly. In all other cases,
the Nav Bar is
an extreme example of bloated functionality that could
otherwise be achieved
using simple image swaps on a series of button images, which
is what I
recommend you do. Get rid of the old, and go with the 'new'.
Now - is your page a template controlled page?
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
==================
"Captum" <[email protected]> wrote in
message
news:fpe7vq$si8$[email protected]..
> As you will see from this question, I am a newbie at
website construction.
> I am working on developing a new site using Dreamweaver
MX 2004. I have
> included a navigation bar, which seems to work OK except
for the "Down"
> mode.
> "Up", "over" and "Over when down" seem to work OK, and
links to new pages
> work
> too.
>
> I expected that when I click on a button, it would turn
to the "Down"
> graphic,
> and then when the new page opens, it would also show the
"Down" graphic.
>
> That doesn't happen. Clicking on a button, shows the
"Down" graphic
> fleetingly, and in the new page which opens the "Up"
button shows. This
> seems
> independent of the browser - IE, Firefox etc.
>
> Suggestions as to what is going on, and how to fix it
would be gratefully
> received. Thanks
>
> Michael
>
>
>

White rectangle in nav bar

I believe this question was answered some time ago, but it didn't pertain to me at the time. On two pages (page 4 and 5) of my web site for grandmacs.org, there is a white rectangle in the nav bar - it is not clickable when I try to remove it. I have even deleted the page and started over with a new page and it still shows up!
Has anyone else had this happen to them? Suggestions and solutions, please.

What you see is part of the background because the links area moves down when you add more pages.
From a design perspective you have too many links at the top of the page. It looks ugly.
Perhaps you can add Sites and link to them from your main page.
It not technical, but organisational.
Or use another template that does not suffer from this anomaly.

Creating a hero photo slider using jquery but the nav bar sub menus go behind the hero div tag

Dropbox - Butler Lawyers
Hello Everyone
I m designing a site with a hero photo slider using jquery. My problem is, the nav bar submenus are going behind the photo slider so you can't see the Legal Services tab sub menus. I have provided a dropbox link to the entire project. I m working on the file entitled index.html. Any thoughts on how to fix the problem???
Thank you in advance
Paul

Hi Paul
Sounds like a z-index problem.
We really need to see ALL your files to solve your issue quickly and accurately without a lot of guessing and questions back-and-forth.
Just rename a copy of your problem page (such as "test.html") and upload it to your server (with any associated files) in whatever folder the original page was located, and simply post a link in the Forum and tell us your problem.
This saves you having to cut and paste miles of code into the Forum for the page and all the dependent CSS, JS etc. files.and saves us from having to recreate all your files, find your images and then repair your code and test the solution for you.
I trust this is helpful.

Page URL's and Nav Bars

Reposted question:
Internal URL is often more than 300 chars, but the nav.bar URL does not
store more than 256 (Could that be an possible enhancement?)
Is there another way to do an navigation to an Portal page ?

One long URL we must use is the "Customize" (page) link. It is 351 chars long.
The reason we need that link is that we don't want to use the built-in banner (we have an HTML-portlet page instead). So there was no other way in Portal 3.0.6 than to create our own customize page link by hard-copying the dynamic link for Customize for each page. And that link is around 350 chars long.
Is there possibly any new way in 3.0.8 to create an own dynamic Customize page link ?
Else, we hardly need the Nav.bar to hold more than 256 char URL.
Thanks
Torbjvrn Nordin
Sweden

Slicing an image to be used as a nav bar for html email

The html email that I've created renders as designed in most email clients. It doesn't in Outlook 2007. It was suggested that I slice an image for the nav bar so it displays horizontally as designed instead of vertically.
It's been a long time since I used slicing images in Photoshop. It doesn't appear that Image Ready is there anymore. I use Photoshop CS3. Is there a straightforward document that could walk me through the steps to accomplish this? Using the Photoshop "help" confuses the heck out of me and when I asked this question in the Photoshop forum, many looked at it but I've had no responses. Or could it be done in Dreamweaver somehow?
The web version of the html email is: http://www.theshimogaproject.com/email/riverrun-guests-email.html

You can't use DW to slice an image. Do you have Fireworks? It's really easy to do it in Fireworks, that's what I would use. If you need to use PhotoShop, a quick Google search, "slicing images in photoshop," return plenty of tutorials that you can choose from.

How can i disable the address bar(nav bar) in FF portable ESR31

How can i disable the address bar(nav bar) in FF portable ESR31 so that it be run in a KIOSK mode and the users will be unable to get the addressbar or see the addressbar at all.

Yes you will need a config file however: [https://developer.mozilla.org/en-US/Firefox/Enterprise_deployment]
and you will need the suggested hack mentioned in this question:[https://support.mozilla.org/en-US/questions/939601 question/939601]

Master Sheets - Created Nav Bar is Behind Assets (back layer?)

Is there a way to get assets created in the Master Sheet to be the top layer?
Creating a web page with the horizontal nav bar across the top.
I used the template and built off of that. When I finished with the nav bar in the Master Sheet, I started to add content to my normal sheets. The nav bar, and the drop down navigation I created are behind any assets added to the slides.
I included a mock up of another nav bar I created. The "Home" text asset added to Sheet 1 is covering my nav bar I created in the Master Sheet. The nav bar is in the activated state for the "Home" button. I am using a layer stack and mouse events to create the drop down and button select effect.

Hello,
I've spoken with the development team and they've explained this here:
A master sheet can be used as a front master and a back master. It is even possible to have a back and front master. You can select the masters in the properties of the sheet - by default only a back master is used.
Thanks again for your question!
Sarah
Sarah
Forum Moderator

Using a nav bar with Dreamweaver in Catalyst

I am trying to create just a navigation bar in Catalyst like you might in flash with animated rollovers. Then export the swift to use in a dreamweaver set of pages.
The problem I am having is trying to get the page destination set up correctly. All I can find in Catalyst is Go To URL, which would be ok but it will not let me remove the Http//
So if I fire this up in Dreamweaver, embed it, and test. It looks like a virus because its trying to go outside the parent directory of the site.
Is there a way to make relative paths, I guess is my question?

In the current version, no. If you have Flash Builder installed ( or just load up the trial), you could go into code and change the urls in there manually. One word of caution is the Flash Catalyst files tend to larger files than one can create in Flash Professional alone. If you are just using Flash Catalyst to create a nav bar, you might be better to develop it in Flash Professional. But, if you need to prototype it fast and get your client to sign off on the design, then Catalyst is a prefect solution.

Nav bar blocked by interactivity - Help?

Hi there
Basically, I've been trying to combat the touch to play/pause feature with linked videos in my folio, to do this I have been using MSO and BUTTONS which has worked to great effect...
until the video is full screen - it works with the swipe left and right to different pages, which is great, and on those other pages you can easily bring up the nav bar
but is there anyway to set all this up with a full screen video and then be able to tap anywhere on the page to bring the nav bar up, and not affect the video?
Cheers for your help
Any Suggestions at this stage would be brilliant
Tim

Hello Deafpilot01,
I'm sorry but you have the wrong forum for your question.
This forum is about Adobe Presenter, not Dreamweaver. You might
want to try your question in the Dreamweaver forum.

PLZ HELP ASAP- pix, publishing, nav bar

I'm part of a youth group and i"m making our site using iweb.
Several questions:
1)do I need a .mac account to publish what ive been working on to to internet...can i just use 'godaddy'?
2)Ive kind of publsihed my one of my pages to my geocities accout and the pix show up as a blue box with a question mark in them
3)there are pages to my site the i dont showing up in the nav bar at the top, (for example a calendar- a made a page in the nav bar called " calendar"- in that page there is Jan as a hyperlink ,feb as a hyper link, etc. I didnt want all those months showing up in the nav bar so i put 12 pages under another site and each month under "calendar" is a link to its corresponding page in the other site) right now i solved this by simply puttting all those pages under a new site on the site organizer on the left, but i dont to have to publish 2 or 3 sites when i put them up. So baisically how do I put a page in a site without in showing up in the nav bar?
Thanks so much!
MacBook Mac OS X (10.4.6)

1)do I need a .mac account to publish what ive been
working on to to internet...can i just use
'godaddy'?
Yes, see this note for some tips:
http://homepage.mac.com/thgewecke/iwebserver.html
2)Ive kind of publsihed my one of my pages to my
geocities accout and the pix show up as a blue box
with a question mark in them
You probably broke the structure of the site when uploading. In your space you should have an index.html file plus a folder which has the same name as your site does in iWeb. Use a real ftp program like Fetch.

I have 5 html pages that share a common header, footer, and sidebar. how do i use my nav bar to change the content of the body without duplicating a lot of code?

i have 5 html pages that share a common header, footer, and sidebar. how do i use my nav bar to change the content of the body without duplicating a lot of code? thank you!

i inherited the website. It’s for a non-profit and is not very
sophisticated, and neither am I in webdesign. It currently has multiple
pages that are identical except for that body section, so whenever i change
the navigation (in the sidebar) I have to update every html page. I want
to have one basic page, and just call in the different body content based
on the link the user selects from the nav bar. How can i do that using a
script? i am using Dreamweaver.
~ in love and light ~
Jeannie
On Sat, Feb 7, 2015 at 4:07 AM, Ben Pleysier <[email protected]>

FWs Nav Bar - Make Hyperlinks

Hi
I am currently making a website and I have created a nav bar
in fireworks using slices and pop-up menus etc. Anyway I have
imported it to my website in Dreamweaver, but I cant figure out how
to make a hyperlink from the from down and nav bar buttons to the
corresponding page. Do I make the links in Fireworks? If so, how?
In Dreamweaver also how?
Any help much appreciated, thanks.

It would be easiest to add the hyperlinks in Fireworks, which
you can do in the pop-up menu editor (same place you entered the
text for the buttons).
If you wanted to add the links in Dreamweaver you'd have to
do it in source-code view. Search for the text that you entered for
the button name, and Fireworks should have entered a pound/hash
symbol (#) for your link (don't quote me on that though). Replace
that with your page link and you should be good to go.
Someone should be along shortly to tell you that the
Fireworks menus suck though, so stand by for that.

Nav bar question

Similar Messages

Maybe you are looking for