Nav buttons + borders + hover

How do I get the 2 px border I have around my navigation
buttons to change color on mouse over? On the site I'm building I
have a hover set for links, but this doesn't do it. I somehow
managed to get the border to hover on the nav buttons on 1 of my
pages but I'm not sure how. Help?

Need a link to see what you've tried so far....
I should image that changing the color of the border on hover
should work
though unless there is a conflicting style.
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.macromedia.com/devnet/dreamweaver/css.html
- CSS Tutorials
"drewspuppet" <[email protected]> wrote in
message
news:e3akcm$108$[email protected]..
> How do I get the 2 px border I have around my navigation
buttons to change
> color on mouse over? On the site I'm building I have a
hover set for
> links,
> but this doesn't do it. I somehow managed to get the
border to hover on
> the
> nav buttons on 1 of my pages but I'm not sure how. Help?
>

Similar Messages

Lightbox script missing nav buttons

Hi folks, I have installed the Lighbox script here: http://tatlerprime.co.nz/venues_tabs.html?tab=4
You'll note that, if you click on an image, it will cycle through the set, but there are no nav buttons.
The developer, Fourlevel, doesn't have a help forum and only provides an email address for support requests. I've had no reply to my request.
I'm hoping that one of the many experts here may be able to help me with this problem.
Thanks in advance,
Jo

If you have a look at http://tatlerprime.co.nz/css/lightbox.css you will see
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
This means that the images should be located at http://tatlerprime.co.nz/images/prevlabel.gif and http://tatlerprime.co.nz/images/nextlabel.gif; but they are not.
Did you forget to upload?
Gramps

Top Nav buttons not working after publish, but works in app. WHY?

I have tried to find out why these buttons will not work after publishing. They work fine while in the iWeb app, but not when publishing. I do not have any objects near the top nav buttons. The first site went off without a hitch
<www.serenitycustompools.net> the second site began the problem with the last page, the nav buttons would not work. Now this 3rd site, none of the nav buttons at top will work after publish, but will work in app. Anyone else having the same probs? None of my pages have the same names or any punctuation marks, and they are simple one word named pages.
mini intel Mac OS X (10.4.9)

They all work for me, try clearing your browser cache or using another browser.

Help with nav buttons please

Hey there, i've recently been following a tutorial and I have come across a problem with the AS for the nav buttons, http://www.flash-game-design.com/flash-tutorials/basic-flash-website-tutorial-6.html, the tutorial says to write:
btnabout.onRelease = function(){
    content.gotoAndStop("about")
btnport.onRelease = function(){
    content.gotoAndPlay("port")
btncont.onRelease = function(){
    content.gotoAndStop("contact")
I have done this and it came with an error saying needs to be in handler, so i re-entered this:
btnabout.on(release) = function(){
    content.gotoAndStop("about")
btnport.on(release) = function(){
    content.gotoAndPlay("port")
btncont.on(release) = function(){
    content.gotoAndStop("contact")
This code then came back with a Expected a field name after '.' operator. btnabout.on(release) = function(){ can anyone please help me i'm starting to pull hairs out?!
Thanks
P.S it must be AS 2.0 as that is what my portfolio page uses.

The problem with the first attempt was not the code, but where you placed it. That code needs to be placed on the timelinein the same frame as where the buttons are (preferably in a separate 'actions' layer). This approach is the better approach than trying to place the code on the objects because it keeps all code in a single easy to find location... the timeline.
For the second attempt, assuming you were still trying to attach the code to the buttons, you should change the code to....
on(release) {
    content.gotoAndStop("about")
on(release){
    content.gotoAndPlay("port")
on(release){
    content.gotoAndStop("contact")
but.... each of those needs to be attached to the button associated with it and not grouped together. This is an older style of coding that is best avoided due to ending up with code hiding on objects.

Simple nav buttons not displaying correctly

When I add content to the page that expands the table, the
nav buttons on the left "spread out". This isn't happening in
Safari. Any help would be much appreciated. Here is the page I'm
working on:
http://www.csayersdesign.com/achieveIT/pages/company.htm

Curtis Sayers wrote:
> When I add content to the page that expands the table,
the nav buttons on the
> left "spread out". This isn't happening in Safari. Any
help would be much
> appreciated. Here is the page I'm working on:
>
http://www.csayersdesign.com/achieveIT/pages/company.htm
>
>
Problem is you're doing what a lot of beginners do, trying to
create a
page by using one single table and splitting the cells into
numerous
cells......that aint going to work as you have found out.
It doesn't help either that you are allowing Fireworks to
generate this
code. When you do that it normally produces fragile code that
the
browser tries its best to interpret and a lot of times fails
The design you're trying to produce is a fairly basic 2
column table
which you should ideally set up directly in Dreamweaver.
A sticking plaster option would be to remove all the elements
in your
navigation side bar and merge that column back into one
single cell. You
can do that by click-dragging in Dreamweaver then in the
properties
inspector where it says 'cell' in the bottom left corner
click the white
square icon which will merge all the cells into one.
The downside to this is that it may upset the fragile code
created by
Fireworks and throw your page into even more turmoil.
If it does work you then need to insert another table (a
nested table)
into the cell which you merged back into one. Then put your
navigation
buttons into it.
Tables that are independent of one another cannot interact
and so you
create a more stable environment for your design.

Nav buttons pixelated in IE-6/7/8?

Frustration... I got my simple little site where I want it - publish a test to Business Catalyst - it all looks great ... ON A MAC.
Then a client calls and asks why all the javascript states below top level are pixelated (he means aliased) - and he's looking on IE8.
Tried to get support to call me back - it's about 40 minutes...still waiting
I just want to Know if this is a qwerk of the Biz catalyst - or when my client posts it for real.
In which case I'll have to go somewhere else for Nav buttons!
Please help with wisdom if you can.

It would be helpful to have the URL of the page in question, or a screenshot of what's being seen in IE8.
Muse does not support IE6. (By most measures IE6 usage is below 1% of site visitors for most sites and IE7 usage is below 2%.)
Muse does support IE7 and IE8, but both have bugs that are very difficult to workaround that relate to transparent (PNG) images and applied transparency, transparency effects or animated transparency (fade in/out). (Note that for some effects applied in Muse, such as rounded corners, bevel, shadow or glow, Muse 1.x may generate a transparent PNG at output time in order to achieve that effect, so while you haven't explicitly imported a transparent PNG one may still be necessary to achieve your design on the web.)
Without seeing the problem web page, I'm stabbing in the dark a bit, but the first things I'd look for would be minor changes that might be made to the design to reduce the use of transparency and/or transparent images (esp. overlapping semi-transparent objects or non-100% opacity on anything with a fade in/out effect).
Another thing I'd try is publishing to a new trial site using Muse 2.0 Beta 2. We've made significant changes to how shadow and glow effects are exported that primarily improve page load performance on newer browsers, but in the process there were changes which may have improved the overlapping transparent PNGs and transparency effects bug workarounds for IE7 and IE8. (If you want to give Muse 2.0 Beta 2 a try, you can update by joining the Muse Beta program via the "Help Improve Adobe Muse" menu item in the "Help" menu. You can then revert back to Muse 1.1 by unchecking the checkbox in the same dialog. Note that you'll want to be sure to save your .muse file from Muse 2.0 Beta 2 to a new file name and not overwrite your Muse 1.x file, so you have your original 1.1 .muse file should you need to revert to Muse 1.1. The release notes for Muse 2.0 are here.)

Having nav buttons outside print area in adobe reader

I am building a parts manual and want my nav buttons off to the side of the 8.5"x11" document in sidebars. Easy to accomplish in Indesign but when exported to pdf , the print feature in Adobe reader prints the total width of the document. I want the customer when select print to just print the center frame (no nav buttons)and not have to set up crops etc for printing. Ive seen parts manuals like this and am having a hard time accomplishing this myself. Any help would be appreciated.
Here is link to an example of this pdf
http://www.mediafire.com/?h62z5y341wyky66
Thank you in advance

Just set their visibility to "Visible, but doesn't print".

IE 7 Not Adding Padding at Bottom of LIs as Nav Buttons

At
the test
page, I want a 1 pixel border on the bottom and right of nav
buttons (made from li elements). Works in some browsers, but not
IE7. I added bottom padding to the <a> elements, but IE 7
neither applies the padding nor the border.

Make the <a> display:block and it should - you may also
need to give that
<a> tag layout (I use zoom:100% to do this).
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
==================
"pcthiker" <[email protected]> wrote in
message
news:fcetjk$mro$[email protected]..
> At
http://persuasiongraphics.com/vertical_home.html,
I want a 1 pixel
> border on
> the bottom and right of nav buttons (made from li
elements). Works in some
> browsers, but not IE7. I added bottom padding to the
<a> elements, but IE
> 7
> neither applies the padding nor the border.
>

Weird iWeb problem with nav buttons....

Hi all. New to this and a complete idiot. The club which I am the Prez of needed a web site, and as no one else volunteered, I ended up doing it. Everything seemed to go fine for a while until I started modifying the original site....then I started getting weird things happening. Many of them I have figured out but the last one is beyond me. The problem is with the text in the nav buttons at the top of the pages. On the first page all the navigational buttons are fine, but on all the other pages the button that takes you back to the home page has text I never put in, and it does not appear in it's entirety. Can anyone provide any help as to how I can fix this. The URL is:
www.nocasa-ft.com

Indeed, the problem is with the cache. I cleared the cache and all now comes up as it is supposed to. Thanks so much for your suggestion. I was rather disappointed because it seemed the problem was with Safari, and I kind of like that browser. I didn't want to have to use something else.
Thanks again.

Adjusting position of nav buttons

I'm working on an intranet site in DW CS4. Some of the pages have nav buttons on the right-hand side of the page. I would like these buttons to always line up with the edge on the right, i.e., adjust position if the user is using a larger monitor to view the site. Any suggestions as to the best way to accomplish this?
Thanks.

With CSS:
#divName {
width: value in %;
text-align: right;
float: right;
For better answers to layout questions, we need to see your HTML and CSS code.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Page nav buttons

<p>Is it possible to simulate the page nav buttons that are on the viewer toolbar?</p><p>I need to turn the toolbar off, but still want the page nav buttons available on the report.</p><p>Thanks</p>

Never mind I got it. Thanks

Making nav buttons "STOP" ...

Hi. I have a question about a couple of things with AS3. And,
I am really excited about my energy towards wrapping up my first
Flash CS3 site.
First off, is it possible to make nav buttons stop a Flash
video from playing (without pressing stop directly from the
component). I've made numerous attempts, but I have decided to just
start from scratch. If so, how is it done?
All the AS3 I have done has most been on the top layers of
the main timelines. I get a little confused about public and
private and sprite, but I do know how to paste that content into a
.AS class file and test it.
What is a Sprite? Is it difficult to learn and use
comfortably? Can I use it with the actionscript on the top layer of
the timeline. I just made a scrolling thumbnail panel. But, now I
am thinking about turning it into a photo gallery, so I can display
larger images.
Jntspecialty

I see the flvplayback class in the help files, with all the
methods and properties listed in one spot. I even tested the
example code and got it to work.
So, for me, 1st develop the .swf file with the nav buttons
and be sure to include
" import fl.video.FLVPlayback;
trace(FLVPlayback.VERSION);"
on that page. Right?
2nd- Then, make a page called "PressToPlayVideoPage.swf" and
"ThePageWithTheFlvComponent.swf", and on this page drag the flv
component, set the parameters to a flv named "anything.flv" and
give it an instance name of "MyVideoWhichWillBeStopped".
*Basically, the page that is accessed from the nav bar will
have a button to load the page with the flv component
/"MyVideoWhichWillBeStopped". Okay?
3rd - Do what ??? To make the two "nav buttons" (which are in
a different file) stop the the video from playing, even once
unloaded or on the bottom stack, from that point on.

Is it possible to place forward/back nav buttons in a timeline based gallery. Stand alone SWF needed.

I'm currently working on a gallery to be output as a stand-alone SWF file, and am doing it all on the timeline as I can't write actionscript for toffee
So far, I have the gallery created with alpha tweens fading between embedded images. These images are buttons, to which I have added URL links (my only foray into actionscript), which will send the user to a specific link related to the image being shown at the time. At the moment this is just a linear timeline that flows from start to finish and loops to the start again - as per most other simple timeline based animations.
I have now been asked if I can add two nav buttons (one each side of the frame) to allow the user to flip back and forth through the images. Is this possible on a timeline? And if so, how would it best be implimented? I just don't know if a button action can affect the flow of a timeline.
Ideally the gallery will auto flow, until either of the forward/back nav buttons are clicked.
Any help here would be really really appreciated.
Paul

Thanks for that Ned. I've had a quick look, and will research deeper later. Though being a complete and utter novice at actionscript, I am flummoxed by probably the simplest of stuff by your standards. For example, the scripts I saw briefly, using the searches you suggested appeared to not export a stand alone SWF file - with no XML files or image folders (I'm still to work out if is possible to do that for this particular use). Also, on all of the examples I saw, the buttons are embedded at the bottom of the pane, and I really need to put the buttons as plainly obvious clickable blobs on either side of the image area. This, again, I can easily do on a timeline (apart from actually making them work of course) but to do this with someone else's AS code, will need more time than I have to learn the relevent stuff.
Does it sound like I may have to just settle for a linear, non-interactive rotating gallery? - based on my knowledge limitations, as well as needing a stand alone SWF.
Paul.

E72: Navi button works bad with the ALTITUDE!! (In...

Firmware 31
Problem: Random unresponsivenes with the altitude (more than 2400 meter, like when you travel by airplane or visint Mexico)
Hello, I'm having a problem very strange, I was living in Italy and now in Argentine and the phone
works fine. When I traveled in Airplane I have notice that when I pressed the navi button, it were a bit unrespondive, this problem was really awful because when I'm on the plane I usually play games with the phone, so the unresponsiveness of the button is very noticed!...
In the games, sometime you could use the navi butto as fire and even the key "5", the incredible thing is that the problem is the same with the key "5"... so is it a problem with the firmware?...
The last week I traveled to Mexico to DF, this place is 2400 meters of altitude, and the problem was like in airplane, when I press navi button, sometimes works, sometime not, random...
Returning to Argentina, with the same phone without any modification, it works fine, so I think there is a problem with the altitude...
Regards

@Bogwizard
Welcome to the forum!
Something for inclusion within the small print on Virgin Galactic booking form perhaps!
Happy to have helped forum with a Support Ratio = 42.5

Template doesn't update nav buttons

Hi, Having a problem getting my template to update the spry menubar links. Spent a lot of time on the template to get it right. The banner and navigation buttons are part of the template. So here's what I did....after creating and saving the page as a .dwt file I then created a page from template, the update links box was checked. Once opened I save it as index.html added my content, saved, published and continued the same way for the other pages. The pages look fine but none of the nav buttons work. Don't know what to do. Any suggestions. Using Dreamweaver CS4
Thanks
Frank

Sorry, not sure how to do the 'show us a link to your Template.dwt file/" So here's the code Thank you very much
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Levick Multi Services</title>
<link href="../oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style></head>
<body class="oneColFixCtrHdr">
<div id="container">
<div id="header">
    <h1><img src="../Levick Banner.jpg" alt="Banner" width="900" height="232" border="0" usemap="#Map" />
      <map name="Map" id="Map">
        <area shape="rect" coords="7,9,885,179" href="#" />
        <area shape="rect" coords="690,184,897,219" href="mailto:[email protected]" />
      </map>
    </h1>
    <table width="855" border="0" align="center" cellspacing="0">
      <tr>
        <th height="39" scope="col"><ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="../index.html">Home</a>            </li>
          <li><a href="#" class="MenuBarItemSubmenu">About Us</a>
            <ul>
<li><a href="../AboutUs.html">Our History</a></li>
<li><a href="../OurPrivacyNotice.html">Our Privacy Notice</a></li>
<li><a href="../OurLocations.html">Our Location</a></li>
            </ul>
          </li>
          <li><a href="../Services.html">Services</a>            </li>
          <li><a href="#" class="MenuBarItemSubmenu">Your Policy</a>
            <ul>
              <li><a href="#" class="MenuBarItemSubmenu">Home</a>
                <ul>
                  <li><a href="#">Types of Coverages</a></li>
                  <li><a href="#">Optional Coverages</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Auto</a>
                <ul>
                  <li><a href="#">Underwriting Factors</a></li>
                  <li><a href="#">Liability Damage</a></li>
                  <li><a href="#">Property Damage</a></li>
                  <li><a href="#">Optional Auto Coverage</a></li>
                  <li><a href="#">Tort Options</a></li>
                </ul>
              </li>
              <li><a href="#">Commercial</a></li>
            </ul>
          </li>
          <li><a href="../WhyChooseUs.html">Why Choose Us</a></li>
          <li><a href="../ContactPage.html">Contact Us</a></li>
        </ul></th>
      </tr>
</table></div>
<div id="mainContent">
    <p> </p>

</div>
<div id="footer">
    <p>Website created and maintained by<br />
    <a href="Francis" _mce_href="mailto:[email protected]">Francis">mailto:[email protected]" >Francis J. Cunningham, Jr. </a></p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Nav buttons + borders + hover

Similar Messages

Maybe you are looking for