NAV button problem

I'm lost again. I moved the header down a little to have the navigation bar in the header instead of the bottom area. So, now that I did it I'm changing the background color of the buttons just to a green tint with a score of white. When I change the background to green nav UL then he puts a green box around it and I want to just inside the buttons for this color.

Thanks again,

Dan

<! DOCTYPE HTML >

< html >

< head >

< meta charset = "utf-8" >

< title > Untitled < /title >

<!-[if lte IE8] >

< script type = "text/javascript" src = "javascript/html5.js" > < / script >

<! [endif]-->

< style >

@charset "utf-8";

/ * CSS document * /.

Article, aside, figure, footer, header, nav, {section}

display: block;

margin: 0;

padding: 0;

}

{body

do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

Color: #000;

background-color: #5fa026;

margin: 0px;

padding: 0px;

}

#container {}

Width: 90%;

Auto margin: 0;

background-color: #5fa026;

}

{of NAV

padding-top: 150px;

}

#maincontent {}

margin-left: auto;

margin-right: auto;

top of the margin: 80px;

padding-top: 10px;

padding-right: 0px;

padding-bottom: 10px;

padding-left: 0px;

}

#logo {}

background-color: #FFF;

background-image: url (.. / images/help_house_banner.gif);

background-repeat: no-repeat;

height: 238px;

Width: 100%;

}

UL {}

position: absolute;

top: 135px;

padding-left: 15px;

padding-right: 15px;

padding-bottom: 0px;

padding-top: 0px;

margin: 0;

}

NAV ul {}

list-style: none;

margin-bottom: 15px;

make-weight: bold;

font-size: 20px;

}

NAV ul li {}

float: left;

}

nav UL a {}

Display: block;

Width: 140px;

padding: 10px;

text-align: center;

text-decoration: none;

color: #fff;

border: 1px solid #618A 37;

margin: 5px 0px;

border-radius: 8px;

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

-webkit-box-shadow: 1px 1px 3px rgba (0,0,0,0.3);

-moz-box-shadow: 1px 1px 3px rgba (0,0,0,0.3);

box-shadow: 1px 1px 3px rgba (0,0,0,0.3);

text-shadow: 1px 1px 1px rgba (0,0,0,0.8);

}

NAV ul a: link, nav ul a: visited {}

Background: RGBA (255,255,255,0.2);

}

NAV ul a: hover, nav ul a: active, nav ul a: focus {}

Background: RGBA (255,255,255,0.4);

}

< / style >

< / head >

< body >

< div id = "container" >

< header id = "logo" >

< nav >

< ul >

< li > < a href = "#" > home < /a > < /li >

< li > < a href = "#" > about us < /a > < /li >

< li > < a href = "#" > Photos < /a > < /li >

< li > < a href = "#" > FAQS < /a > < /li >

< li > < a href = "#" > contact us < /a > < /li >

< /ul >

< / nav >

< / header >

< / div >

< / body >

< / html >

I would just add the bottom of the anchor tag to the 'nav ul one' selector and delete ' nav ul a: link "change the color 'green' and 'blue' for those that you need. shown in red below

nav UL a {}

Display: block;

Width: 140px;

padding: 10px;

text-align: center;

text-decoration: none;

color: #fff;

border: 1px solid #618A 37;

margin: 5px 0px;

border-radius: 8px;

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

-webkit-box-shadow: 1px 1px 3px rgba (0,0,0,0.3);

-moz-box-shadow: 1px 1px 3px rgba (0,0,0,0.3);

box-shadow: 1px 1px 3px rgba (0,0,0,0.3);

text-shadow: 1px 1px 1px rgba (0,0,0,0.8);

background-color: green;

}

NAV UL a: visited {}

Background: RGBA (255,255,255,0.2);

}

NAV ul a: hover, nav ul a: active, nav ul a: focus {}

background: Blue;

}

Personally I rarely use all other simple selectors as visited, focus etc because I don't think they really add anything, only to clog up the css.

My workflow is usually as simple as below: who cares about traffic to a page, the visitor has already visited.

nav UL a {}

Display: block;

Width: 140px;

padding: 10px;

text-align: center;

text-decoration: none;

color: #fff;

border: 1px solid #618A 37;

margin: 5px 0px;

border-radius: 8px;

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

-webkit-box-shadow: 1px 1px 3px rgba (0,0,0,0.3);

-moz-box-shadow: 1px 1px 3px rgba (0,0,0,0.3);

box-shadow: 1px 1px 3px rgba (0,0,0,0.3);

text-shadow: 1px 1px 1px rgba (0,0,0,0.8);

background-color: green;

}

NAV UL a: hover {}

background: Blue;

}

Tags: Dreamweaver

Similar Questions

  • NAV buttons pixelated in IE-6/7/8?

    Frustration... I got my simple little site where I want - publish a Business Catalyst test - everything is great... ON A MAC.

    A customer calls and asks why all States of javascript under the top level are pixelated (he means with an alias) - and he is looking on IE8.

    Tried to get the support of remember - it is about 40 minutes... still waiting

    I just want to know if it is a catalyst Biz qwerk - or when my client publishes it is for real.

    In this case I have to go elsewhere for Nav buttons!

    Please help with wisdom, if you can.

    Hi Prangne,

    From the looks of it, it's a question around a value of opactiy get incorrectly set by Muse. This will be corrected in future versions of Muse, but in the meantime, you can set a white background on your menu items and it must get rid of the problem.

    Hope that helps,

  • Lightbox script missing nav buttons

    Hi guys, I installed the script Lighbox here: http://tatlerprime.co.nz/venues_tabs.html?tab=4

    You will notice that if you click on an image, it allows to scroll the game, but there is no nav button.

    The developer, Fourlevel, isn't a help forum and only provides an email address for requests for assistance. I got no response to my request.

    I hope that one of the many experts here may be able to help me with this problem.

    Thanks in advance,

    JO

    If you take a 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 images must be located at http://tatlerprime.co.nz/images/prevlabel.gif and http://tatlerprime.co.nz/images/nextlabel.gif; , but they are not.

    If you forget to download?

    GRAMPS

  • help please with nav buttons

    Hey there, I recently followed a tutorial and I encountered a problem with the ACE for the nav buttons, http://www.flash-game-design.com/flash-tutorials/basic-flash-website-tutorial-6.html, the tutorial said to write:

    btnabout.onRelease = function() {}
    content.gotoAndStop ("about")
    }
    btnport.onRelease = function() {}
    content.gotoAndPlay ("port")
    }
    btncont.onRelease = function() {}
    content.gotoAndStop ("contact")
    }

    I did and it came with an error message saying must be in the Manager, so I'm back:

    btnabout.on (Release) = function() {}
    content.gotoAndStop ("about")
    }
    btnport.on (Release) = function() {}
    content.gotoAndPlay ("port")
    }
    btncont.on (Release) = function() {}
    content.gotoAndStop ("contact")
    }

    This code then returned with one expected a field name after '.' operator.  btnabout.on (Release) = function() {can someone please help me I started out hair?}

    Thank you

    P.S there AS 2.0 because it is what uses my portfolio page.

    The problem with the first attempt was not the code, but where you placed it.  This code must be placed on the timelinein the same frame where the buttons (preferably in a separate layer "actions").  This approach is better than trying to put the code on the objects, because it keeps all of the code in an only easy to find... the timeline.

    For the second attempt, assuming that you were always trying to attach the code for buttons, you need to replace the code for...

    {We (Release)}
    content.gotoAndStop ("about")
    }

    {We (Release)}
    content.gotoAndPlay ("port")
    }

    {We (Release)}
    content.gotoAndStop ("contact")
    }

    but... each of these needs to be attached to the button that are associated and not grouped.  It is an old style of coding that is to be avoided due to meet up with the code hidden on the objects.

  • indicator of persistent page (for the nav button)

    Hello

    Read the tutorial for persistent page indicator. My setup is a little different - but I'm very close now. Just need a tweak.

    The body tag of the page where I want the nav button to stay in color highlighted calls for:

    < body class = "Home" >

    Then, in the code to take account of the effect, I have:

    Body.Home #MenuBar a.home,

    A.about #MenuBar body.about,

    Body.contact #MenuBar a.contact

    Body.News #MenuBar a.news

    Body.portfolio #MenuBar a.other {}

    color: #FFF;

    Background: #666666;

    border: none;

    }

    The home button brings out successfully in the browser, but the text in the button changes not not to #FFF. It remains the same color as all the other link txt in these buttons.

    The code to adjust them is:

    #MenuBar. MenuItem. MenuItemLabel {/ * the txt here color control font nav color * /}

    text-align: left;

    line-height: 1.4em;

    Color: #666666;

    Width: 10em;

    Width: auto;

    padding-top: 8px;

    padding-right: 25px;

    padding-bottom: 8px;

    padding-left: 15px;

    }

    Should I write a class of exception for a.home? How?  -The html markup are called in typical class links (a class = 'blah')

    Thank you.

    Ah, I've been able to add a span around this page link tag a nav for persistent aspect button - worked!

    I was looking for a simple solution because it is somewhat obsolete game upward for the nav, I am certain (spry menu)...

    One day if I completely reorganize the site, I'd build out quite differently now that things like Bootstrap, etc, exist.

    Thank you, glad to see a result after hours of playing with it.

  • A few questions about the making of the animated for a site Web Nav buttons

    Hello, I have a few questions about creating some animated for a NAV buttons.

    There are 2 actions I want to trigger on pouting above.

    If I want to use a static (PNG) image I created in Photoshop for the real button, can I use that? I want well drag the button down on the passage of the mouse and drag upward on the mouse. If I push the part of the "Web" button (sorry, that it comes from a Photoshop guy) it will disappear in the final animation? Another way to say this, if I put something lively off the coast of the white area, it no longer appears in the movie (.swf) when it is published?

    For the second part. You can see a bit of what I want to do if you look high Nav of the page of the website: http://www.photoshopsupport.com/index.html

    I need the 'light' above the button and it's going to be on another < div > color so I can't put a solid color of BG for my flash document. But I want to get the effect of the 'bar' lighting up above the button and the real key slide downwards to pouting on.

    You can provide any help would be greatly appreciated.

    We target the dynamicaly graph. Since the MouseEvent is now on the invisible sprite and not the graph itself, the one-for-all function has no reference to this graph. You can access the invisible sprite with event.target (or event.currentTarget), you can also target the chart because we declared "mygraphic" custom property to serve as a reference for the graphic. Thus, event.target.mygraphic is the benchmark for graphics.

    Of course, this is just an example. There are other variations of this trick.

    ____________________

    Design Cyboide

    Web site creation

  • Safari by moving my nav buttons

    Hello

    I tested this www.schoolsofmiracles.org site in all major browsers. For some reason any Safari takes my nav buttons and throws them to the right. (All other browsers display correctly). The nav buttons CSS has 10px of padding on top and low, but nothing else.

    Tried adjujsting the wrapper and the various other div but no joy. No idea why safari should take an aversion?

    No idea why safari should take an aversion?

    Your code allows it.

    -Change

    #navbutons {
         text-decoration: none;
         border-top-style: none;
         border-right-style: none;
         border-bottom-style: none;
         border-left-style: none;
         padding-top: 10px;
         padding-bottom: 10px;
    }
    
    on this subject.
    #navbutons {
         text-decoration: none;
         border-top-style: none;
         border-right-style: none;
         border-bottom-style: none;
         border-left-style: none;
         padding-top: 10px;
         padding-bottom: 10px;
            clear:left;
    }
    
    and see what happens...
  • Problem with Nav button

    I'm trying to get a button to go to the next section.  I searched several books and this is the best I can find.  I get errors.

    nextButton.on (release) {}
    gotoAndStop (nextFrame ());
    }

    I know it's pathetic.  Thanks for the help in advance.

    -Taylor

    lol, it's a little pathetic.  but I feel for you because I think I was as confused as you.

    use:

    nextButton.onRelease = function() {}
    nextFrame();  This will advance the current image of a timeline
    }

  • I went full-screen to record training videos. I can't find the Awesome bar and nav buttons.

    I hid the Awesome bar and buttons top nav of the page during the recording of the training videos in Firefox. I would like to return my browser to its previous settings but can't seem to recover default. Thanks in advance for your help.

    Click F11 to exit the full screen.

    To show or hide a toolbar, click an empty section of the band to tabs and check or uncheck it from the context menu.

    How to show or hide various toolbars?

    Thank you

    Please check 'Resolved' the answer really solve the problem, to help others with a similar problem.

  • AS _alpha animated on a button problem


    Hello

    I use the following code to animate the _alpha of a button up and down value:

    _root. FadeIn = function() {}
    NAV.tekst._alpha += 2;
    If (nav.tekst._alpha > = 100) {}
    delete this.onEnterFrame;
    this.onEnterFrame = _root.fadeOut;
    }
    }

    _root.fadeout = function() {}
    NAV.tekst._alpha-= 1;
    If (nav.tekst._alpha < = 50) {}
    delete this.onEnterFrame;
    this.onEnterFrame = _root.fadeIn;
    }
    }

    this.onEnterFrame = _root.fadeOut;

    The button contains only a textfield. It is a static text, so there should not be problems of seal, right? The opacity of the button seems to 'jump' somewhere between the values of 75 and 80. Almost as if it increases (or decreases) with 10 instead of 1 for a framework and continues normally. Track the _alpha value revealed no such behavior.

    Any ideas on what it could be, or how to possibly work arround it?
    I would rather not to animate the text in the button, or something, because the button must Flash only under certain conditions.
    Thanks in advance!

    Yours,
    Andra

    Quote:
    Posted by: kglad
    It's a question of anti-aliasing. When you change an _alpha of 78 to 79 there is a change in anti-aliasing which is much more dramatic than the change of _alpha.

    to address to use anything other than anti-alias for readability.

    That's all! kglad, thank you for your advice!

    I just wanted to add that any form of custom anti-alias doesn't seem to work either. Even with the two values set to zero.
    Do not use "anti-alias for readability" thins to the police a bit, but I use a version of the police's "BOLD" instead and it looks pretty good.

    Thanks again!

    Yours,
    Andra

  • "Home" button problem?

    GGuys that I just bought a new phone I 6, but whenever I touch slightly the home button that feels by clicking a little bit... the fingerprint sensor works well fine.is it something I should worry about?

    Hello Simoskav,

    Thanks for this info and choosing the communities Support from Apple. I know how important ensuring your new iPhone work properly is for you! Based on what you said, it seems you have a problem of physics with the home on the iPhone button, but you can try the steps outlined in this article before install you any type of service:

    Get help with buttons and switches on your iPhone, iPad or iPod touch

    See you soon!

  • "Back" button problem

    I have only the back button. The next button is no more. But my problem is that I can't use the back button. It is always gray and cannot select. I have to use the BACKSPACE on the keyboard to get back on the web. Could you help me with this problem please?

    I found the solution. This is an extension that was causing the problem. The extension name is grant WinToFlash. Just removed and restarted Firefox. Now, not only the back button works again, but the next button appears again.

  • Satellite R830 - keyboard button problem:

    Our Toshiba Satellite R830 has a temperament H key. If you press the left side of the key, it works very well. If you press the right side, this isn't. All other keys are fine. This could be the result of debris?

    Is it easy to jump off the key and pop it back on again?

    Well, what you can do is remove the CAP button and check the box under the hood
    You can use a jet of compressed air to remove dust (if available).
    But I think that its some mechanical problem, the point is that the simple buttons cannot be replaced, you can replace the plugs, but not the button so you will need to replace the entire keyboard to get it repaired.

  • LED power button problem FIXED on Satellite P300

    Toshiba
    LED power button fix

    Toshiba
    Satellite P300-h-13

    By Thom
    Wijtenburg

    First of all, I would like to
    say you that I came up with this correction, after a clean reinstall of the
    Vista. (I used the serial number of windows on the bottom of my laptop for)
    install, so it's the same license as the OEM of windows and therefore
    Tout_a_fait legal.) After the clean install and installation of all the
    the drivers listed on the site of toshiba LED power button (also
    known as the mute button) and the CDDVD butten (mediaplayer button)
    stopped working. After browsing around forums toshiba I found
    this case, I removed the support button utility that the mute button has acted as
    a mute button. Also the mediaplayer button worked fine. Reinstalled
    the utility support for the button and they have stopped working. After many
    toshiba calls (I think about 5-6 in one day) they opened a
    support ticket for me, because they (team support callcenter)
    could not find a solution. Following their advice, I did the
    next to try to make it work:

    * Don't have a system restore with the restore DVD.
    * Do you have an another clean install.
    * Install the drivers in various ways (alphabetically reversed by alphabetical order and order of collection DVD).
    * update my BIOS.
    * downloaded a 'new' version of value added package (which was the same thing I already had).
    * installed the VAP with and without technical support button utility, no changes.
    After doing everything
    This, they said that they did not know the cause of my problem (at the beginning
    they thought it was hardware related). They came with a possible
    anwer:

    "It is."
    possible that we removed some features of windows vista
    operating system so that our one utility for device drivers
    work. In addition, we do support the configuration, that we delivered
    When you bought the laptop. »

    Now of course, I have
    understand that. I waited allmost a week, no response. Neither
    by electronic mail, or by phone, so I decided to google more
    on the problem.

    After a certain
    some research on Toshiba forum and Googling I came across
    a thread that sayd I must first install the utility 'control '.
    and the button press. Unfortunately what it did not work.

    Then, all of a sudden
    Windows displays a message saying that I should install the TOSHIBA.
    "ACPI-based value-added general use and logical device driver.
    I clicked on the provided download link, and the VFR package was a newer version
    version of the support page for my laptop which is held. So I downloaded
    This PPV version 1.17 and installed it. After a reboot, the buttons
    still did not work. But at least I got the file HWSetup.exe, where I
    could turn the LED off. Look into the button holder utility, I have
    saw that there where buttons like "Toshiba Assist" which my
    the laptop model is not.

    Navigation
    through the toshiba forum I found a file named ButtonSettings.ini, in
    which I can manually configure special keys. After a google
    search on the name of the file, I found that all the buttons list
    in a registry key. I saw the "Dimmer" file using the button
    folder and clicked on it. Poof... lights went out. Click again,
    Poof... lights turn it back on. So I replaced the wrong button definitions
    with CDDVD and dimmer values. Saved my changes but is not a restart.
    Opens the support button utility and change the path of
    MediaPlayer (who was always there to a previous definition) to
    Dimmer.exe. checked to see if the button CDDVD pointed
    MediaPlayer and restarted. When everything has been started, I pushed on the
    button again and presto... MUTE lights off. Pushed again, poof...
    lights. Pressed the mediaplayer button and started to mediaplyer. I have
    has been very happy when everything worked.
    Now that you
    know the story, here's the fix.

    * Difficulty: *.
    * Download and install the new VAP from here: [http://cdgenp01.csd.toshiba.com/content/support/downloads/util_tvap_26084A.exe]
    * Choose Edit in the installation and make sure that everything is checked
    * do NOT restart after the installation.
    * Download the ini fix and the fixed registry
    * Uncompress its contents into your working folder.
    * Copy the ini into C:\Program Files\TOSHIBA\TBS (where C: is the drive of program files)
    * In this same folder, start the exe called TBSbtnSt.exe
    * do NOT restart, click on 'no' in the dialog box.
    * Double click on the registry key, and then click 'Yes' to add to the registry
    * Then open the button support utility by clicking Start-> Toshiba-> utilities-> Toshiba assist. Help go to optimilization and click support button tohiba
    * If the path or the description is disabled, fix, and then click Save. See also if the CD/DVD mediaplayer points.
    * Restart you computer now.
    * If everything is is well past your special buttons should work.

    * WARNING: *.

    It worked for
    me, with my Toshiba Satellite P300-h-13, edition windows Home premium 32-bit.
    It should work on any model of 6 buttons with the mediaplayer and the mute
    buttons. I am in no way responsible for any damage that may arise
    If the fix does not work correctly. There is absolutely no. GARUENTEE
    It will work for you. If the answer is Yes, he does, and if it's not it
    doesn't work.

    * Author: *.

    I came
    With this fix by myself, without any help from toshiba support. I am
    the original author of this text. This document is for information
    purposes and should not be modified in any way.

    This page is
    also hosted on my Web site for documentation purposes. I have
    contacted toshiba support on my support ticket and has asked to
    Cancel and read this. I have also explained in the world.

    Wow, that's really cool! I think that a lot of users here would appreciate this extraordinary well documented fix.

    Thanks dude. :)

    Welcome them

  • Satellite R850-12 x - space bar button problem

    Hello

    I bought yesterday r850-12 x (Russian version) and you have probably noticed, that if I press the space bar on his left side, he does not respond, resulting in several space missing...

    I googled a little and it seems happens from time to time in different models.

    Question:
    Is this something in common that can be fixed quickly? I need compputer, and the retailer, where I bought it, said that the return (including expertise from Toshiba) takes 5 to 20 days.

    This is stupid, so I need to understand, if this problem can be solved quickly - or not... My toshibas have never failed, so far...

    Well, in the worst cases, your space button may be default and this can be solved by the replacement of keyboard.
    But this means that you must return the device to the AEP from Toshiba which would be able to help you.

    On the other hand, it would be possible that the space button stick somehow
    you could try to remove the stopper carefully and could check if you could clean the plastic brackets.

    I found Nice youtube video how to do this:
    http://www.YouTube.com/watch?v=mKzNWd_WtW0

    But if you put t want to risk injury, contact a Toshiba ASP.

Maybe you are looking for