How can I make easy links? Problems with CSS

Sorry, me again. I found how to facilitate the transition of the color of my text navigation links, and it seems easy enough. However, when I add to my code, it seems to work.

I know that it will be a mistake on my part, I just don't know what I did wrong. Any ideas?

<! - section nav HTML - >

< nav id = "nav" role = "navigation" >

< ul >

< li > < a href = "Home.html" title = 'Go Home' rel 'next' = > FRONT PAGE < /a > < /li > "

< li > < a href = "About.html" title = "On BGDR" rel = "next" > ON < /a > < /li > "

< li > < a href = "CV.html' title ="CV"rel = 'next' > CV < /a > < /li >"

< li > < a href = "Blog.html" title = "A blog of my work and thoughts" > BLOG < /a > < /li > "

< li > < a href = "Contact.html" title = "contact me" rel = 'next' > CONTACT < /a > < /li > "

< /ul >

< / nav >

<! - section nav CSS - >

a: link{
color: hsla(0,0%,0%,1.00);
-webkit-transition: color background-2s ease-out;
-moz-transition: color background-2s ease-out;
-o - transition: color background-2s ease-out;
transition: background-2s ease-out color;
text-decoration: none;
}

a: visited{
color: hsla(0,0%,0%,1.00);
}

a: hover{
color: hsla(0,0%,72%,1.00);
text-decoration: none;
Police-family: quicksand;
make-style: normal;
Police-weight: 400;
cursor: pointer;
}

/ * Note that 4 the code snippets down I have a li {} expressions.* section 3.

Li{
float: right;
display: block;
Width: 10em;
}

Here is what you wrote in the original post

a: link {}

color: hsla(0,0%,0%,1.00);

-webkit-transition: background color 2s ease-out;

-moz-transition: background color 2s ease-out;

-o - transition: background color 2s ease-out;

transition: background color 2 s ease-out;

text-decoration: none;

}

With this, you target the background color should be the foreground color. The above should be

a: link {}

color: hsla(0,0%,0%,1.00);

-webkit-transition: ease of color 2 s - out;

-moz-transition: ease of color 2 s - out;

-o - transition: ease ofcolor 2 s - out;

transition: ease of color 2 s - out;

text-decoration: none;

}

Tags: Dreamweaver

Similar Questions

  • Windows Media player on my machine does not run some AVI files. How can I check what the problem with AVI files. Files are running in other utilities of free ware

    Windows Media player on my machine does not run some AVI files. How can I check what the problem with AVI files. Files are running in other utilities free ware. Also, windows Explorer does not display dimension and other video related information for the file. Y at - it a tool that can indicate what exactly is the problem with the file.

    Ritu

    Hello

    1. you get any error message?

    2. don't you make changes to the computer before the show?

    Please follow the steps from the link below.

    http://support.Microsoft.com/kb/279242

  • How can I make Thunderbird start car with windows startup

    How can I make Thunderbird start car with windows startup

    You can by placing a shortcut in the startup folder of windows, just like any other windows program.

    However if you do, you are likely to encounter problems such as downloading email while still load the antivirus and the network is busy, announcing the arrival of machines on the network (which can be a network a) and any other program of a dozen are loading is heavy risk of timeouts and disconnections of the server as well as error messages that make little sense because they are something that still load.

    The bottom line is so safe that you can, but if there are any questions bring her out of there first.

  • How can I make my app available with offline

    Hi guys,.

    How can I make my request available with offline. In other words, it should work like a normal site, no user name or password is required?

    Best regards
    Fateh

    Hi Fateh,

    Change your page and to the security of your page title change the authentication of the page requires authentication of the page is public

    Authentication: page is public

    So, your page will not ask an identifier.

    Brgds,
    Mini

    ----------------------------
    Mark responds promptly

  • How can I make my link 'See the product detail' of .swf in Dreamweaver

    Hi all:

    New to Dreamweaver.  This should be a simple click, but I can't.

    I made a button to 'See the product detail'.swf into Flash and I imported into

    product my Web page in Dreamweaver.

    How can I make a link to another page where the larger picture of the product is in Dreamweaver? /

    Thank you

    Ms. frustrated

    I made a button to 'See the product detail'.swf into Flash and I imported into

    product my Web page in Dreamweaver.

    I'm sorry to say, but I think it is a very bad idea.  Flash navigation elements are not good practices on the web, because you cannot be 100% sure that your visitor has the Flash Player on your computer.  In addition, the search engines don't analyze reliable these links for SERP purposes on the page.  Finally, any person using an assistive device to the screen will not be able to use these items.  Using a graph prepared in FW or PS, however, will not have these disadvantages and will be 100% reliable/useable for all categories (assuming that you have correctly provided a descriptive alt attribute for the image).

    How can I make a link to another page where the larger picture of the product is in Dreamweaver? /

    You can't do that in HTML - it needs to be done in the Actionscript of Flash at the moment you make the button. It is yet another reason why use Flash navigation items is a bad idea...

  • How can I make a link on my Web site social media open an application rather than a browser?

    I'm building a website and I want to link my social media to it: Facebook, twitter, vimeo, youtube and instagram. The only problem is, when I link with these, they are open upward with my browser phones instead of the actual application. How can I do a social media on my Web site LINK open an application rather than a browser?

    Help, please!

    Thank you

    Short answer: a website is a website.  A Mobile application is a mobile application.  Who do you want?

    Sites Web restore inside of web browsers.  A mobile application is a downloadable application that is distinct, built for specific mobile devices (iPhone, iPad, Android, Blackberry, etc...).  To get examples of mobile applications, go to Google or Apple App store game store.

    Android applications on Google game

    Apple - iPhone 5 s - App Store

    Nancy O.

  • How can I make software links answer?

    I installed a new Belkin N600DB router to my computer (Windows XP), and it works very well.  But I can't access the advanced tools section.  The link buttons are unresponsive. It is only on my XP desktop.  I tried the software on my laptop (Vista) and it works fine.  Technical support Belkin said that's not their problem, since the worsks of the software on another computer.  They suggested that I have to contact my system administrator (I guess than me?) and check the settings on the first computer so that it allows the software to run.  Any ideas?

    Hi PML - I followed the steps to get my Belkin software to install correctly, but nothing helped.  I have never had any problems with the installation of the software up to date.  Guess I'll just use the ip address of Belkin in the future.  Thanks anyway.
    Richard

  • How can I make several links PDF opened in the second tab, instead of a 3rd, 4th etc.

    I'm working on a project for my birthday 125 universities.  Essentially, I've created a long 125 digital book of the year, with a link to the actual digital Yearbook of the University for every year.  I wonder if there is a way I can make all links open in the same second page directory.

    IE: Main project is opened in a window, when I click on the hyperlink pdf 1939 Yearbook, the 1939pdf opens in the second window.  Then I want to find a way to make after this, on the home page, I can click on the link of the pdf 1940 Yearbook and directory 1940 load on the second window, replacing the 1939pdf, instead of simply open the 1940pdf on a third new tab/window?

    Note: I have all the PDF Online and downloaded directory, so I can make the hyperlink you send to the site, or do a thing of style download.

    Thanks for any help and if anyone needs more info just ask me!

    Hello

    Please take a look at this thread Re: can I refresh the browser instead of opening a new tab?

  • How can I make adobe Bridge works with the canon rebel t2i camera?

    I have photo shop cs3 and never had a problem with front deck. Now, I bought a new canon rebel t2i and it will not recognize the adobe bridge.  Anyone know how I can do this job?

    you have to work with this camera and Photoshop cs4 atleat

    However, you can download the DNG Converter and convert all your images from the camera to the dng format, and then you will be able to open them in your CS3

    Download dng converter here:

    Windows: http://www.adobe.com/support/downloads/detail.jsp?ftpID=5310

    Mac: http://www.adobe.com/support/downloads/detail.jsp?ftpID=5309

    Kind regards

    Bartholomew

  • How can I make Acrobat XI work with office 2016?

    Is there a way to make Acrobat XI work with office 2016? Acrobat upgrade at a significant cost to make it compatible with the latest version of Office starts at % $# @! me off.

    . . . JBrush

    Hello

    Acrobat XI is not a compatible Office 2016.

    You may experience some problems.

    Please take a look on the following document.

    PDFMaker applications, Adobe Acrobat and compatible web browsers

    Concerning

    Sukrit diallo

  • How can I make a link to open it in a new window?

    Hi guys,.

    In the area of "column Text." in the field "Link text", I have this link:
     <img src="#WORKSPACE_IMAGES#apt.png" alt=""> 
    the target page must open in a new window. Where should I add
    target="_blank" 
    or how can I do?

    Best regards
    Fateh

    The target = "_blank" in the attributes of link field.

    See you soon
    Bottom

  • How can I make multicolored links change their color reversal or stationary?

    I made links with distinct colors using css, but the links with new colors have no hover property. I want these links change color when the cursor passes over them in the same way other links on my page only. I tried to make a new css for < hover > rule and tried to write to the property in the css code, but without result. I searched the web and this forum for an answer and found notheing that works. Anyone know how to give links with several colors of a hover property that will make them change color? All my other links change color as defined in the properties page, but links with the new rules of color change of color more. It's probably pretty basic. I'm new to DW, using CS6. If anyone can provide a step by step and show where the code needs to be inserted, it would be very useful. Thank you in advance!

    For those looking for an answer on how to change the a: hover color for a single hyperlink, after a little greater experimentation, I found that adding to my CSS allows me to change the color of a single binding a: overview!

    . Wrapper (div/link here your name) a: hover {}

    color: #(votre couleur préférée ici);

    }

    A simple solution to a simple problem. I hope this is a help to someone out there.

  • How can I make a link in an email to open a new tab instead one opened a window behind my Home Page?

    When I click on a link in an email, it opens in a window behind my Home Page. I find it annoying to have to click view, and then click the window for the desired link. In Firefox preferences that I ticked "open new windows in a new tab instead", but the problem persists.

    Hello

    Sorry to hear what happens if you run firefox in safe mode?

    "If Firefox is open, you can restart Firefox Safe mode in the Help menu:

    • Click the menu button

      click Help

      then select restart with disabled modules.

    If Firefox does not work, you can start Firefox in Mode safe as follows:

    • On Windows: Hold down the SHIFT key when you open the desktop Firefox or shortcut in the start menu.
    • On Mac: Hold the option key during the startup of Firefox.
    • On Linux: Exit Firefox, go to your Terminal and run firefox-safe-mode
      (you may need to specify the installation path of Firefox for example/usr/lib/firefox)

    When the Firefox Safe Mode window appears, select "start mode safe."

    If the problem is not present in Firefox Safe Mode, your problem is probably caused by an extension, theme or hardware acceleration. Please follow the steps described in the section Troubleshooting extensions, themes and problems of hardware acceleration to resolve common Firefox problems to find the cause.

    To exit safe mode of Firefox, simply close Firefox and wait a few seconds before you open Firefox for normal use again.

  • How can I make my files open with the section 'files' (on the left) already enabled (in Windows Explorer)?

    I'm on Windows XP with Service Pack 4.  The "show common tasks in folders" checked in folder options and my windows Explorer opens with the "common tasks" bar on the left side.  I have to click on 'files' (in the top tool bar) to get my files to display on the left.  If I click on "use Windows classic folders" instead of "Show common tasks in folders" my explore opens with no left bar at all and I still click on 'files' to have folders appear in the position of the left side bar.  Can I solve this case everytime I open windows Explorer opens on the side bar of folders on the left and content on the right?  If Yes, where and how do the default every time I open windows Explorer?  Thanks for any help, that all the world can offer.

    Thank you very much.  This has not only had what I wanted, but also extend this ability to any file folder I click on.  What I was really doing was: I saved a link to a set of "my computer" window microsoft explore my d: drive (my data partition) so it automatically goes to what I look at in explore more often rather than having open 'my computer' and go through several steps to get to the open D: partition.  But I still had to push the button of "folders" at the top of the page to open the view in the left bar of my directories - every time.  With your help my link now opens windows Explorer set up exactly the way I want every time!  You have saved me from countless steps repetative in the future for every time I open windows Explorer.

    Thank you once again,
    David Myers

  • How can I make an office bustling with a .gif file?

    I need help to set a .gif file as my desktop wallpaper on windows 8. I want it to be animated. What are some FREE 3rd party software I can use that will make the live wallpaper. (not the video, a .gif file) please don't suggest VLC, it won't let me see my desktop objects. Thanks in advance

    Hi Zion,

    The task you're trying to run is not possible, you can search for any third-party app/program complete this mission. I suggest you search in your favorite search engine for third party/PPP program.

    Warning: Using third-party software, including hardware drivers can cause serious problems that may prevent your computer from starting properly. Microsoft cannot guarantee that problems resulting from the use of third-party software can be solved. Software using third party is at your own risk.

    Please do not hesitate to visit our Web site for any help with the Windows operating system.

Maybe you are looking for

  • Not able to convert the region

    I have a track recorded on a microphone and I sliced off the coast of a new region. I am trying to edit the new area without affecting the rest of the track. When I right click > Convert, all options (convert to the new area, etc.) are dark and unava

  • Re: NB305 - increase in screen resolution from 1024 x 600 to 1024 x 768?

    Is it possible to increase the screen resolution to 1024 x 768 (NB305 - 106 Windows 7 starter OS)? I'm hoping to travel with this excellent netbook and make the baseline review and edit video Panasonic AVCHD camcorder while away. Unfortunately the Pa

  • installed windows 7, now missing pilot unknown

    just installed windows 7 on my xps m1530.  everything is going well except the lack of unknown drivers. in the device, under 'other devices' Manager, I have two "base system device" that have no information to let me know what drivers to download. Th

  • Microsoft Update killed my audio

    Hello I've been fighting against an update Microsoft Windows and Office Professional for the last two weeks because it kills the sound on my Toshiba laptop.  Surely other people facing similar problems with this update.  It's very frustrating. I know

  • License for a new ironport

    Hello I have a question concern my ironport. my boxes, I replaced it with a new one with the RMA, and when I try to add the licenses I get an error I have a new license of cisco or convert the old one Thank you in advance Kind regards